Bootstrap 3 multiple navbars

Question

I\'m having trouble with multiple bootstrap in Twitter Bootstrap 3. First Navbar is working ok with resizing and responsive. Second navbar doesn\'t work properly in normal reso

Answer 1

If you add the following bit of CSS (either in a style tag or a custom css file), it should fix your problem.

@media only screen and (min-width: 768px) {
  .navbar-collapse2.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0px;
    overflow: visible !important;
  }
}

I pulled this code from the code in bootstrap.css for .navbar-collapse

Answer 2

try changing <div class="navbar-collapse2 collapse"> to that <div class="navbar-collapse collapse">