"Dropdown Menu Icons"
Bootstrap 3.2.0 Snippet by fakhreddine

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div id="wrap"> <nav class="navbar navbar-default" role="navigation" style="margin-bottom: 0;"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-bootsnipp-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="animbrand"><a class="navbar-brand" href="http://bootsnipp.com">Bootsnipp</a></div> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-bootsnipp-collapse"> <ul class="nav navbar-nav"> <li class=""><a href="http://bootsnipp.com"><span class="glyphicon glyphicon-home"></span> Home</a></li> <li class="dropdown "> <a href="http://bootsnipp.com/snippets" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-list"></span> Snippets <b class="caret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://bootsnipp.com/snippets/featured"><span class="glyphicon glyphicon-star"></span> Featured</a></li> <li class="divider"></li> <li class=""><a href="http://bootsnipp.com/tags"><span class="glyphicon glyphicon-tags"></span> Tags</a></li> <li class="divider"></li> <li class="dropdown-header">By Bootstrap version:</li> <li><a href="http://bootsnipp.com/tags/3.2.0"><span class="label label-info tip">3.2.0</span></a></li> <li><a href="http://bootsnipp.com/tags/3.1.0"><span class="label label-info tip">3.1.0</span></a></li> <li><a href="http://bootsnipp.com/tags/3.0.3"><span class="label label-info tip">3.0.3</span></a></li> <li><a href="http://bootsnipp.com/tags/3.0.1"><span class="label label-info tip">3.0.1</span></a></li> <li><a href="http://bootsnipp.com/tags/3.0.0"><span class="label label-info tip">3.0.0</span></a></li> <li><a href="http://bootsnipp.com/tags/2.3.2"><span class="label label-info tip">2.3.2</span></a></li> </ul> </li> <li class="dropdown "> <a href="http://bootsnipp.com/resources" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-book"></span> Resources <b class="caret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="http://bootsnipp.com/blog"><span class="glyphicon glyphicon-pencil"></span> Blog</a></li> <li class=""><a href="http://bootsnipp.com/resources"><span class="glyphicon glyphicon-align-justify"></span> List of resources</a></li> <!-- <li class=""><a href="http://bootsnipp.com/blog"><span class="glyphicon glyphicon-list-alt"></span> Boostnipp Blog</a></li> --> <li><a href="http://getbootstrap.com" target="_blank"><span class="glyphicon glyphicon-cloud-download"></span> Download bootstrap</a></li> <li class="divider"></li> <li class="dropdown-header">Bootstrap Templates</li> <li class=""><a href="http://bootsnipp.com/templates"><span class="glyphicon glyphicon-shopping-cart"></span> Browse templates</a></li> <li class="divider"></li> <li class="dropdown-header">Builders</li> <li class=""><a href="http://bootsnipp.com/forms"><span class="glyphicon glyphicon-tasks"></span> Form Builder</a></li> <li class=""><a href="http://bootsnipp.com/buttons"><span class="glyphicon glyphicon-edit"></span> Button builder</a></li> </ul> </li> <li class=""><a href="http://bootsnipp.com/about"><span class="glyphicon glyphicon-info-sign"></span> About</a></li> </ul> <div class="col-sm-3 col-md-3"> <form class="navbar-form" role="search" action="http://bootsnipp.com/search" method="GET" id="search-form"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search featured snippets" name="q" style="padding:6px 6px;"> <div class="input-group-btn"> <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button> </div> </div> </form> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <script src="http://bootsnipp.com/js/scripts.min.js"></script> <script type="text/javascript" src="http://cdn.buysellads.com/ac/audience.js"></script>

Related: See More


Questions / Comments: