Bootstrap dropdown menu

on hover

by toubia95

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<div style="z-index: 5;" class="topbar-wrapper">
  <div data-dropdown="dropdown" class="topbar">
    <div class="topbar-inner">
      <div class="container">
         <h3><a href="#">Project Name</a></h3>

        <ul class="nav">
          <li class="active"><a href="#">Home</a>
          </li>
          <li><a href="#">Link</a>
          </li>
          <li><a href="#">Link</a>
          </li>
          <li><a href="#">Link</a>
          </li>
          <li class="dropdown"> <a class="dropdown-toggle" href="#">Dropdown</a>

            <ul class="dropdown-menu">
              <li><a href="#">Secondary link</a>
              </li>
              <li><a href="#">Something else here</a>
              </li>
              <li class="divider"></li>
              <li><a href="#">Another link</a>
              </li>
            </ul>
          </li>
        </ul>
        <form action="" class="pull-left">
          <input type="text" placeholder="Search">
        </form>
        <ul class="nav secondary-nav">
          <li class="dropdown"> <a class="dropdown-toggle" href="#">Dropdown</a>

            <ul class="dropdown-menu">
              <li><a href="#">Secondary link</a>
              </li>
              <li><a href="#">Something else here</a>
              </li>
              <li class="divider"></li>
              <li><a href="#">Another link</a>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <!-- /topbar-inner -->
  </div>
  <!-- /topbar -->
</div>

CSS

ul.nav li.dropdown:hover ul.dropdown-menu {
  display: block;
}
a.menu:after, .dropdown-toggle:after {
  content: none;
}