Bootstrap Dropdown Plugins Examples

First Page
Next Page

Bootstrap Dropdown Plugins

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
   </head>
   <body>
      <nav class="navbar navbar-default" role="navigation">
         <div class="navbar-header">
            <a class="navbar-brand" href="#">TutorialsRoot</a>
         </div>
         <div id="myexample">
            <ul class="nav navbar-nav">
               <li class="active"><a href="#">Article</a></li>
               <li><a href="#">QA</a></li>
               <li class="dropdown">
                  <a href="#" class="dropdown-toggle">Tutorials <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                     <li><a id="action-1" href="#">C</a></li>
                     <li><a href="#">C</a></li>
                     <li><a href="#">Sql</a></li>
                     <li class="divider"></li>
                     <li><a href="#">PHP</a></li>
                     <li class="divider"></li>
                     <li><a href="#">Angular js</a></li>
                  </ul>
               </li>
            </ul>
         </div>
      </nav>
      <script>
         $(function(){
            $(".dropdown-toggle").dropdown('toggle');
         });
      </script>
   </body>
</html>

Output

First Page
Next Page