Tutorial Bootstrap - Membuat Breadcrumb


Hai semuannya...

Pada tutorial kali ini, kita akan belajar membuat breadcrumb dengan Bootstrap, breadcrumb biasanya digunakan untuk menunjukkan lokasi atau herarki halaman yang diakses oleh user.

Membuat Breadcrumb

Untuk membuat sebuah breadcrumb, gunakan class “breadcrumb” pada tag <ul>, contohnya sebagai berikut.
  <ul class="breadcrumb">
...
</ul>
Selanjutnya, didalam tag <ul> tambahkan tag <li> yang masing masing didalam tag <li> memiliki tag <a href=”#”>, contohnya sebagai berikut.
  <ul class="breadcrumb">
    <li><a href="#"></a>Home</li>
    <li><a href="#"></a>Tutorial</li>
    <li><a href="#"></a>Front End</li>
    <li class="active"><a href="#"></a>CSS</li>
  </ul>
Hasilnya.


Jadi membuat sebuah breadcrumb sangatlah simple.
Demikian tutorial membuat breadcrumb dengan Bootstrap, semoga tutorial ini bermanfaat bagi kalian, jika ada pertanyaan mengenai tutorial ini, silahkan tuliskan komentar anda dibawah, terima kasih.

Share this

Related Posts

Previous
Next Post »