Bootstrap - Fil d'Ariane

Les fil d'Ariane sont un excellent moyen d'afficher des informations hiérarchiques pour un site. Dans le cas des blogs, le fil d'Ariane peut afficher les dates de publication, les catégories ou les balises. Ils indiquent l'emplacement de la page actuelle 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) via la classe suivante -

.breadcrumb > li + li:before {
   color: #CCCCCC;
   content: "/ ";
   padding: 0 5px;
}

L'exemple suivant illustre le fil d'Ariane -

<ol class = "breadcrumb">
   <li><a href = "#">Home</a></li>
   <li><a href = "#">2013</a></li>
   <li class = "active">November</li>
</ol>