Mobile Friendly Navigation -
how create mobile friendly navigation bar?
this code
<ul class="nav nav-tabs"> <a href="http://www.startinpoint.com/"><img src="images/logo.jpg" class="logo span12 pull-left" height="45"></a> <li>   </li> <li><a href="adminhome.html"><span class="glyphicon glyphicon-home"></span></a></li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">view <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="viewleavetransaction.html">leave transaction</a></li> <li><a href="viewleavesummary.html">leave summary</a></li> </ul> </li> <li><a href="generatemedicalclaim.html">generate medical claim</a></li> <li class="dropdown active"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">settings <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="addoreditemployee.html">employee</a></li> <li><a href="addoreditpublicholiday.html">public holiday</a></li> <li class="active"><a href="addoreditannualleave.html">annual leave</a></li> <li><a href="addoreditoffinlieu.html">off-in-lieu</a></li> </ul> </li> <li class="pull-right"><a href="index.html">logout</a></li> <li class="siptext pull-right"><strong>sip leave application</strong></li> </ul>
what need add more?
asdhcsjkfwalfkjdsbfdzjvgfdkjvgf
you have include bootstrap js file , add .navbar-collapse
class parent div of ul
.
check page samples , options. http://getbootstrap.com/components/#navbar
Comments
Post a Comment