<nav role="navigation" class="navbar navbar-inverse"> <div class="navbar-header"> <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="navbar-brand">Brand</a> </div> <!-- Next nav links in the Navbar --> <div id="navbarCollapse" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li> <li><a href="#"><span class="glyphicon glyphicon-certificate"></span> DotNetFunda</a></li> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"> ITFunda<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Online training</a></li> <li><a href="#">Offline training</a></li> </ul> </li> <li><a href="#"><span class="glyphicon glyphicon-gift"></span> KidsFunda</a></li> <li><a href="#"><span class="glyphicon glyphicon-film"></span> FundooVideo</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Login</a></li> <li><a href="#">Log out</a></li> </ul> </div> </nav>
Mark as Answer if its helpful to you Kumaraspcode2009@gmail.com
Login to post response