Exercice Bootstrap (inactif pour l'automne 2021, consultez LOG2420 sur Moodle)

Objectif : construire la page ci-dessous avec Bootstrap.

Utiliser le sequelette html fourni pour commencer.

Squelette à partager sur Codeshare

Prendre note que le bouton du bas efface le panneau du centre contenant l'image.

Page à répliquer

Tutoriels et documentation pertinente

• Les sections de pages doivent être encapsulées dans des div de classes container et container-fluid
• Les containers s'ajustent automatiquement à la taille de l'écran.
• Boostrap Grid: Notion de lignes et de colonnes.
• Les menus et la navigation utilisent des classes dédiées.
• L'ajustement des menus peut se faire avec les fonctions collapse. Il faut alors utiliser navbar-collapse et les attributs data-toggle, data-target et des id spécifiques pour indiquer les data-target.