Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="menu-item">
   <a href="#">menu name</a>
   <div class="sub-menu">
       <a href="#">ffff</a>
   </div>
</div>
<div class="menu-item">
   <a href="#">menu name</a>
   <div class="sub-menu">
      sub menu content
   </div>
</div>
<div class="menu-item">
   <a href="#">menu name</a>
   <div class="sub-menu">
      sub menu content
   </div>
</div>

CSS

.menu-item{
    width:300px;
    display:block;
    background:red;
}

JavaScript

jQuery(document).ready(function($){
   $('.sub-menu').hide();
   $('.menu-item').hover(
      function(){
          $(this).find('.sub-menu').show();
      },
      function(){
          $(this).find('.sub-menu').hide();
      }
   );
});