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/

images/5new22-075.png

 Dans le dossier décompressé bootstrap-5.1.3-examples, ouvrez le dossier album et ouvrez le fichier index.html.

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. 

images/C13-012.png

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

images/5new22-076.png

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> ...
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Le template Carousel
Suivant
Les thèmes Bootstrap