Membuat Menu Vertical Pada Bootstrap

Halo teman-teman, bertemu lagi pada tutorial dumet school, pada tutorial kali ini saya akan mempraktekkan bagai mana cara membuat sebuah tampilan menu secara vertical, kalau biasanya kita selama ini belajar membuat menu secara horizontal sekarang saya akan mempraktekan cara membuat secara vertical dengan Bootstrap, oke langsung saja kita praktekan,

teman-teman silahkan buat file html dan ketikan script berikut :

<div class="container">
  <h3>Menu Vertical</h3>
  <div class="row">
    <div class="col-md-3">
      <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Profile</a></li>
        <li><a href="#">Gallery</a></li>
      </ul>
    </div>
  </div>
</div>

pada kasus ini saya beranggapan teman-teman sudah mendownload plugin bootstrapnya, dan menghubungkan file css bootstrap serta js nya di halaman indexnya masing-masing,

jika sudah teman-teman bisa save dan lihat hasilnya, maka tampilaknya akan seperti berikut :

oke sangat mudah ya teman-teman, silahkan praktekan di rumah, semoga bermanfaat,

terimakasih 🙂

Kategori