HostOnNet Blog


How to fix nav-collapse issue when using two Bootsrap Navbar

bootstrap-navbar

Currently, Iam working on to convert http://blog.hostonnet.com to Bootstrap Responsive Framework

In blog, I have to use two Navbars, one is from http://hostonnet.com and other is blog menu.

I added the Navbar code and it work fine but in a toggle mode clicking on icon lists both “nav-collapse” items

I fixed the issue by adding a new class ‘blog-menu’ On line

<div class="navbar-collapse collapse">

So the new code will be

<div class="navbar-collapse collapse blog-menu">

and then data-target=”.nav-collapse” change to data-target=”.blog-menu”

New code will be like below

<button data-target=".blog-menu" data-toggle="collapse" class="navbar-toggle" type="button">

You may also check my previous article ‘How to use Bootstrap Navbar in WordPress Theme


About hostonnet2

Bootstrap and Android LOVER. I've been creating things for the web for over 10 years, from the period of flash and table based layout web sites till mobile and tab friendly web sites.
Posted in Bootstrap, Wordpress