Ver índice de contenidos del libro

6.8. Migas de pan

Las migas de pan (en inglés, "breadcrumbs") indican la posición de la página actual dentro de la jerarquía de navegación del sitio. La separación entre los enlaces de las migas de pan se añaden automáticamente mediante el pseudo-selector :before y la propiedad content de CSS. Ejemplo:

<ol class="breadcrumb">
  <li class="active">Inicio</li>
</ol>
 
<ol class="breadcrumb">
  <li><a href="#">Inicio</a></li>
  <li class="active">Libros</li>
</ol>
 
<ol class="breadcrumb">
  <li><a href="#">Inicio</a></li>
  <li><a href="#">Libros</a></li>
  <li class="active">Bootstrap 3</li>
</ol>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Migas de pan en Bootstrap 3

Figura 6.34 Migas de pan en Bootstrap 3