Le template Album TEMPLATES:Album

1. Les fichiers du template

Le dossier à télécharger de cet exemple terminé est nommé 13-Template-02.

Voici l’affichage « brut » de ce template, accessible à cette URL : https://getbootstrap.com/docs/5.1/examples/album/

Nous retrouvons tous ce que nous avons déjà dit sur les liaisons aux fichiers CSS et JavaScript de Bootstrap. Reportez-vous au titre précédent pour personnaliser tous ces éléments.

2. La structure de l’en-tête EN-TÊTES:Template Album

Sur la gauche nous avons un bouton et un libellé Album qui permettent de revenir sur la page d’accueil. Sur la droite, le menu de navigation s’affiche par défaut sous la forme d’un menu hamburger. 

Si vous cliquez sur le menu hamburger, celui-ci affiche l’en-tête, avec deux sections : About et Contact.

Tout l’en-tête est placé dans un élément <header>, contenant deux boîtes <div> :

<header> 
   <div class="collapse bg-dark" id="navbarHeader"> 
      ... 
   </div> 
   <div class="navbar navbar-dark bg-dark shadow-sm"> 
      ... 
   </div> ...