Pages

My bootstrap


<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">Library</a></li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
</nav>

 bootstrap




Comment obtenir ce comportement sans la classe ↠breadcrumb de bootstrap ?

L'idée est simple, tous les balises li sauf la premiere, auront un symbole devant eux.

Ecriture de la règle :

.breadcrumb > li + li:before {
    ...
    content: "/\00a0";

}