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>&nbsp&nbsp&nbsp</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

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -