Creare facilmente una breadcrumb con Bootstrap

di Marco De Sanctis, in HTML5, Boostrap,

Bootstrap rende molto semplice il rendering di una breadcrumb per il nostro sito. E' infatti sufficiente utilizzare il seguente markup:

<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Articoli</a></li>
  <li class="active">Breadcrumb con Bootstrap</li>
</ol>

Il separatore utilizzato per default è "/", ma possiamo personalizzarlo tramite CSS:

.breadcrumb > li + li:before {
    content: "> ";
}

Commenti

Visualizza/aggiungi commenti

Creare facilmente una breadcrumb con Bootstrap (#185) 10 10 2
| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi