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: "> ";
}