Kode menu navbar horizontal Bootstrap

Share:

Facebook WhatsApp Twitter

<div class='navbar navbar-inverse'>

        <div class='container'>
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class='navbar-header'>
      <button aria-expanded='false' class='navbar-toggle collapsed' data-target='#bs-example-navbar-collapse-1' data-toggle='collapse' type='button'>
        <span class='sr-only'>Toggle navigation</span>
        <span class='icon-bar'/>
        <span class='icon-bar'/>
        <span class='icon-bar'/>
      </button>
      <a class='navbar-brand' href='http://maduweb.blogspot.com'>Home</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
      <ul class='nav navbar-nav'>
              <li class='dropdown'> <a aria-expanded='false' aria-haspopup='true' class='dropdown-toggle' data-toggle='dropdown' href='#' role='button'>Paket Website<span class='caret'/></a>
 <ul class='dropdown-menu'>
 <li><a href='http://maduweb.blogspot.co.id/search/label/Toko Online'>Toko Online</a></li>
 <li><a href='http://maduweb.blogspot.co.id/search/label/Company Profile'>Company Profile</a></li>
 <li><a href='http://maduweb.blogspot.co.id/search/label/Website Properti'>Website Properti</a></li>
 <li><a href='http://maduweb.blogspot.co.id/search/label/Website Mobil'>Website Mobil</a></li>
 <li><a href='http://maduweb.blogspot.co.id/search/label/Website Sekolah'>Website Sekolah</a></li>
 <li><a href='http://maduweb.blogspot.co.id/search/label/Website Tour Travel'>Website Tour Travel</a></li>
 <li><a href='http://maduweb.blogspot.co.id/search/label/Website Cafe'>Website Cafe</a></li>
</ul>
</li>
              <li><a href='http://maduweb.blogspot.com/p/cara-order.html'>Cara Order</a></li>
              <li><a href='http://maduweb.blogspot.com/p/website-client.html'>Website Client</a></li>
        <li><a href='http://maduweb.blogspot.co.id/p/blog-page_2.html'>Informasi / Artikel</a></li>
            
      </ul>
      <form action='/search' class='navbar-form navbar-right' method='get' role='search'>
        <div class='form-group'>
          <input class='form-control' name='q' placeholder='Search' type='text'/>
        </div>
        <button class='btn btn-lg btn-warning' type='submit'>Cari</button>
      </form>
     
    </div><!-- /.navbar-collapse -->
  </div>
      </div>