Bootstrap Navigation par fil d'Ariane (Breadcrumbs)

La navigation par fil d'Ariane (Breadcrumbs) est un mode d'affichage basé sur les informations hiérarchiques du site. Prenons l'exemple d'un blog : la navigation par fil d'Ariane peut afficher la date de publication, la catégorie ou les tags. Ils représentent la position de la page actuelle dans la hiérarchie de navigation.

La navigation par fil d'Ariane (Breadcrumbs) dans Bootstrap est une simple.breadcrumbliste non ordonnée avec la classe. Les séparateurs sont automatiquement ajoutés via la classe indiquée ci-dessous dans le CSS (bootstrap.min.css) :

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

L'exemple suivant montre la navigation par fil d'Ariane :

Exemple

<ul class="breadcrumb"> <li><a href="#">Accueil</a></li> <li><a href="#">2013</a></li> <li class="active">Novembre</li> </ul>

Essayez-le »

Le résultat est affiché ci-dessous :

面包屑导航
Autres extensions