i using bootstrap 3 , want create sidebar, 1 appear in mobile apps hidden , appear left right on click.
the following html uses bootstrap, creates nav bar on smaller devices changes collapsable icon. on clicking icon menu appears top down. bootstrap provide feature change transition direction? please help, new css , bootstrap
<nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header pull-left"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mynavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <a class="navbar-brand" href="#">demo</a> <div class="collapse navbar-collapse" id="mynavbar"> <ul class="nav navbar-nav"> <li class="active"><a href="#">home</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">city <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#"></a></li> <li><a href="#">pune</a></li> <li><a href="#">hyderabad</a></li> </ul> </li> <li><a href="#">menu item</a></li> <li><a href="#"></a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-user"></span> sign up</a></li> <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> login</a></li> </ul> </div> </div> </nav>
bootstrap has built in functionality sidebar menus.
http://startbootstrap.com/template-overviews/simple-sidebar/
http://bootsnipp.com/snippets/featured/navigation-sidebar-with-toggle
Comments
Post a Comment