twitter bootstrap - nav menu not selected correctly -
i created vertical menu nav bar work fine except drop down button.
it don't seem able active. active state keep on previous item clicked.
i don't use javascript
<ul class="nav nav-pills nav-stacked"> <li id="contact" role="presentation" data-toggle="tab" class="active"><a href="#"><span class="glyphicon glyphicon-user"></span> dossier personnel</a></li> <li id="appointment" role="presentation" data-toggle="tab"><a href="#"><span class="glyphicon glyphicon-calendar"></span> rendez-vous</a></li> <li id="room" role="presentation" data-toggle="tab"><a href="#"><span class="glyphicon glyphicon-bed"></span> chambre</a></li> <li id="task" role="presentation" data-toggle="tab"><a href="#"><span class="glyphicon glyphicon-road"></span> listes des travaux</a></li> <li id="setup" role="presentation" data-toggle="tab"><a href="#"><span class="glyphicon glyphicon-wrench"></span> configuration</a></li> <li id="report" role="presentation" data-toggle="tab"><a href="#"><span class="glyphicon glyphicon-stats"></span> rapport</a></li> <li role="presentation" data-toggle="tab" class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false"> <span class="glyphicon glyphicon-print"></span> impression du jour<span class="caret"></span> </a> <ul class="dropdown-menu" role="menu"> <li role="presentation"><a href="#">travaux</a></li> <li role="presentation"><a href="#">rendez-vous</a></li> <li role="presentation"><a href="#">coupon rendez-vous</a></li> </ul> </li> </ul>
you have forgotten close top level <ul>
tag, fix it.
Comments
Post a Comment