Intégration multimédia S3 (M3206) – TP n° 5

Les composantes Bootstrap

Nous avons vu en TD la plupart des composantes de Bootstrap. Les projets de vos collègues sont disponibles sur AMeTICE.

Bien qu'il y ait beaucoup de composantes différentes, 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.
• Les classes active et disabled sont aussi souvent utilisées dans de composantes différentes.

Continuer la nouvelle mise en page responsive pour la Wikipédia

Quelques idées pour votre travail :

• Utiliser les alerts pour les titre des sections.
• Utiliser les badges pour les liens «modifier» et «modifier le code».
• Utiliser une card pour l'élément table.infobox_v2.
• Utiliser des collapses pour réduire le texte de chaque chapitre, comme dans le version mobile de la Wikipédia.
• Utiliser un form (class form-control) pour la barre de recherche
• Utiliser un jumbotron pour le résumé de l'article.
• Utiliser un list group pour les liens dans la barre latérale
• Utiliser des navs, ou même des navbars pour les menus
• Utiliser un progress pour afficher quel pourcentage de l'article on a déjà lu.
• Utiliser un scrollspy pour montrer dans les sommaires où on en est.