Bootstrap - Breadcrumb

Breadcrumb adalah cara terbaik untuk menampilkan informasi berbasis hierarki untuk sebuah situs. Dalam kasus blog, remah roti dapat menunjukkan tanggal penerbitan, kategori, atau tag. Mereka menunjukkan lokasi halaman saat ini dalam hierarki navigasi.

Breadcrumb di Bootstrap hanyalah daftar tidak berurutan dengan kelas .breadcrumb. Pemisah secara otomatis ditambahkan oleh CSS (bootstrap.min.css) melalui kelas berikut -

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

Contoh berikut menunjukkan remah roti -

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