Bootstrap
TP02 Menu de navigation Bootstrap
Un cours complet pour maîtriser TP02 Menu de navigation Bootstrap.
0 chapitres
0 QCM
Accès gratuit
Sommaire du cours
historique de bootstrap
Présentation de bootstrap
Installation de Bootstrap
La Syntaxe de base de Bootstrap
Les bases de Bootstrap et template de démarrage
Le système de grille Bootstrap
La grille de Bootstrap en pratique
Exercices positionnement sur Grille Bootstrap
Alignement avec Bootstrap
TP la grille Bootstrap
Les classes pull et push
Typographie de Bootstrap
Les tableaux dans Bootstrap
Menus de navigation (Navbar)
Les barres d'outils standard Bootstrap
Objectifs
- Etre capable de créer un menu en Bootstrap
Énoncé
- Utiliser le framework Bootstrap 4 pour réaliser le menu responsive illustré par les schémas ci-dessous
- Compléter le fichier index TP02 pour créer ce menu.
- Le menu s'étale sur la totalité de largeur de l'écran
- Le menu doit toujours être fixée en haut de l'écran.
- Un image livre ("book") s'affiche à gauche avec une couleur jaune (" class warning")
- Ajouter quatre éléments de menu et un menu déroulant entre les quatre éléments .
- Marquer le deuxième élément de menu comme actif ("Nos ressources").
- Ajouter une ligne de séparation dans la liste déroulante avant le dernier élément
- Ajouter un formulaire de connexion avec un bouton et deux champs de courrier électronique et de mot de passe à droite.
- Vue de bureau:
- Vue Mobile:
01: avant Click
02: après Click
