Les composants de Bootstrap
Nous avons vu lors du TD n° 3 la plupart des composants de Bootstrap.
Bien qu'il y ait beaucoup de composantes différents, on peut trouver quelques points en commun :
- La plupart des composantes peuvent être utilisés directement à partir des exemples donnés dans la documentation sans trop réfléchir. Il est inutile de les apprendre par cœur.
- Beaucoup de classes utilisent les mêmes suffixes
-primary
, -secondary
, -success
, -danger
, -warning
ou -info
pour définir une couleur (mais surtout une sémantique).
- Les classes
active
et disabled
sont aussi souvent utilisées dans de composants différentes.
- Certains composants ont besoin d'être activés par une instruction en JavaScript, ce qui est facile d'oublier.
Vous devriez déjà avoir fini avec la mise en page en grille de votre projet pour ce module. Ajoutez maintenant des composants à votre site web, vous êtes libres de choisir comment.
Quelques idées pour votre travail :
- Utiliser des navs, ou même des navbars pour les menus de navigation.
- Utiliser un form pour les formulaires d'inscription et d'identification.
- Utiliser les alerts ou modals pour les erreurs dans le formulaire.
- Utiliser les breadcrumbs pour afficher la structure de votre site web.
- Utiliser les cards pour afficher les films ou séries dans la page d'accueil.
- Utiliser les media objects pour les commentaires.
- Utiliser le pagination pour les commentaires.
- Utiliser le toast pour afficher des notifications aux administrateurs.