4.11.2014

Vertical menu Bootstrap

bootstrap vertical menu

Vertical menu Bootstrap Dengan Drop down adalah alternatif lain dalam membuat navigasi link komponen ini sangat cocok digunakan pada sidebar baik sebelah kanan maupun sidebar bagian kiri, komponen ini dapat memudahkan user untuk bernavigasi mencari artikel yang ada di dalam web atau blog kita, nah berikut ini
adalah demonya:


Kode Htmlnya adalah seperti dibawah ini:

<div class="bs-component">
<ul class="nav nav-pills nav-stacked" style="background: #000; max-width: 300px;">
<li class="active"><a href="#">Bootstrap Blogger Template</a></li>
<li><a href="#">Navbar Bootstrap</a></li>
<li class="dropdown">
                  <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    Button Bootstrap<span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
<li><a href="#">Framework bootstrap</a></li>
<li><a href="#" target="_blank">Button Metro Style</a></li>
<li><a href="#">Unit Link Indonesia</a></li>
<li class="divider"></li>
<li><a href="#">Neon Box</a></li>
</ul>
</li>
</ul>
</div>
Pemasangannya pun sangat mudah khususnya bagi pengguna blogger template, tinggal dicopy semua kode htmlnya dan paste kedalam widget, dan jangan lupa untuk mengganti url atau link sesuai dengan keinginan anda, semoga artikel ini bermanfaat bagi anda semuanya. Keep Blogging!

Catatan: yang bertanda # warna hitam ganti dengan URL link anda

author

Thank You For Visit Bootstrap Divider Blog and reading our Article
The Resources For Inspiration Designers and Web Developers.

Vertical menu Bootstrap 11:21 AM
Posted on Category: