Creare facilmente una breadcrumb con Bootstrap

di , 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) 1010 2
| Condividi su: Twitter, Facebook, LinkedIn, Google+

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