Bootstrap - Fil d'Ariane : bradcrumbs

Les bradcrumbs sont une excellente façon de montrer des informations basées sur la hiérarchie pour un site. Dans le cas des blogs, les filtres peuvent afficher les dates d'édition, les catégories ou les balises. Ils indiquent l'emplacement de la page en cours dans une hiérarchie de navigation.

Un fil d'Ariane dans Bootstrap est simplement une liste non ordonnée avec une classe de .breadcrumb. Le séparateur est automatiquement ajouté par CSS (bootstrap.min.css) à l'aide de la classe suivante:

.breadcrumb > li + li:before {

   color: #CCCCCC;

   content: "/ ";

   padding: 0 5px;

}

L'exemple suivant illustre les chemins de navigation -

<ol class = "breadcrumb">

   <li><a href = "#">Acceuil</a></li>

   <li><a href = "#">2017</a></li>

   <li class = "active">Décembre</li>

</ol>

Acceuil / 2017 / Décembre

<<<Précédent                            Début                           Suivant>>>