Bootstrap - İçerik haritası

Ekmek kırıntıları, bir site için hiyerarşi tabanlı bilgileri göstermenin harika bir yoludur. Bloglar söz konusu olduğunda, kırıntılar yayınlanma tarihlerini, kategorileri veya etiketleri gösterebilir. Gezinme hiyerarşisi içinde geçerli sayfanın konumunu gösterirler.

Bootstrap'teki bir ekmek kırıntısı, yalnızca bir sınıf içeren sırasız bir listedir. .breadcrumb. Ayırıcı, aşağıdaki sınıf aracılığıyla CSS (bootstrap.min.css) tarafından otomatik olarak eklenir -

.breadcrumb > li + li:before {
   color: #CCCCCC;
   content: "/ ";
   padding: 0 5px;
}

Aşağıdaki örnek, kırıntıları gösterir -

<ol class = "breadcrumb">
   <li><a href = "#">Home</a></li>
   <li><a href = "#">2013</a></li>
   <li class = "active">November</li>
</ol>