Navbar Bootstrap untuk Menu Navigasi

Navbar Bootstrap ini merupakan komponen penting untuk sebuah website ataupun blog, Komponen Navbar ini pada umumnya berisikan menu Navigasi yang mengarah ke sebuah artikel didalam situs tersebut, bisa juga sebagai menu link untuk kategori nah berikut ini adalah demonya:

Bootstrap

• Google
• Blogger
• Webmaster Tools
  • Taufan
  • Unit link Commonwealth Life
  • Suzuki Motogp

Kode html navbar bootstrap ini adalah seperti dibawah ini:

<div class="bs-component">
<div class="navbar navbar-inverse">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-inverse-collapse" data-toggle="collapse" type="button">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
<a class="navbar-brand" href="Home Link">Bootstrap</a></div>
<div class="navbar-collapse collapse navbar-inverse-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="https://www.google.co.id/">Google</a></li>
<li><a href="http://www.blogger.com/">Blogger</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="https://www.google.com/webmasters/tools/home?hl=en">Webmaster Tools<b class="caret"></b></a>
 <ul class="dropdown-menu">
<li><a href="Just input your url here">Taufan</a></li>
<li><a href="Url penting disini"> link Commonwealth Life</a></li>
<li><a href="Isi dengan Url">Suzuki Motogp</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>

Navbar bootstrap ini pada umumnya ditempatkan di atas Main wrapper atau jika anda menggunakan slide show image atau carousel, Komponen ini bisa ditempatkan tepat di atasnya.
nah demikianlah ulasan mengenai Navbar bootstrap ini semoga bermanfaat dan dapat menambah wawasan untuk anda.