ASP.NET MVC 5 Bootstrap – Navigation Bar + DropDown Sub Menu

ASP.NET MVC 5 Bootstrap – Navigation Bar + DropDown Sub Menu

 
   <style>
 
      .navbar-nav .dropdown .dropdown-menu li a{
         line-height:22px;
      }
 
      .navbar-nav .dropdown .dropdown-menu .dropdown-header{
         font-size:15px;
         cursor:default;
         color:#000000;
         font-weight:bold;
         line-height: 25px;
      }
 
   </style>
 
   <ul class="nav navbar-nav">
 
      <li>@Html.ActionLink("Home", "Index", "Home")</li>
      <li>@Html.ActionLink("About", "About", "Home")</li>
 
      … …
 
      <li class="dropdown">
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<span class="caret"></span></a>
         <ul class="dropdown-menu" role="menu">
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Item 3</a></li>
            <li class="divider"></li>
            <li class="dropdown-header">Item 4 Header</li>
            <li><a href="#">Item 4 1</a></li>
            <li><a href="#">Item 4 2</a></li>
         </ul>
      </li>
 
   </ul>