Geek Answers Handbook

Bootstrap 3.0.0 nav vertical collapse responsive

After many searches without results, I try to send a message.

I'm looking for a way to navigate (vertical menu) with bootstrap 3.0.0 ( http://getbootstrap.com/components/#nav-pills ) or my sidebare crashes when using a tablet or smartphone (e.g. navbar).

I agree to use another component that overlaps nav-stacked if the result is a vertical responsive menu.

My code

<div class="col-md-2"> <div class="panel panel-default" id="sidebar" > <div class="panel-heading" style="background-color:#888;color:#fff;" data-target="#test">Sidebar</div> <div class="panel-body" id="test"> <ul class="nav nav-stacked nav-collapse"> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> <hr> <div class="col col-span-12"> <i class="icon-2x icon-facebook"></i>&nbsp; <i class="icon-2x icon-twitter"></i>&nbsp; <i class="icon-2x icon-linkedin"></i>&nbsp; <i class="icon-2x icon-pinterest"></i> </div> </div><!--/panel body--> </div><!--/panel--> </div><!--/end left column-->

Thank you in advance for your help :-)

+4
source share
1 answer

What's this?

 <div class="col-md-2"> <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse"> <div class="panel-heading">Sidebar22</div> <ul class="nav nav-stacked"> <li class="active"><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div><!-- /.navbar-collapse --> </nav> </div><!--/end left column--> <div class="col-md-10"> </div>

The violin will open.

+10
source

More articles:


All Articles