All geek questions in one place

Bootstrap 3 Navbar expands but won't crash

I am trying to implement responsive navbar in Bootstrap 3. Everything works for the most part. The bar even expands correctly. Then, when I press the reactive squeeze button again, the bar drops about halfway, and then falls back.

This verifies that Javascript is working and CSS is correct. I do not know how this could happen. Even in Plunkr it works, but not in my project. Any ideas?

<div class="navbar"> <div class="container"> <button type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse" class="navbar-toggle collapsed"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="navbar-brand">Title</a> <div style="height: 0px;" class="nav-collapse navbar-responsive-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> </div>
+6
source share
2 answers

Turns out I turned on duplicated compiled Javascript and that there was some kind of confusion with event listeners, and therefore this was a mistake. Fixed.

+8
source

I had the exact same problem, and I decided to just move bootstrap.js before any other .js I had at the bottom of the <body> .

+6
source

Source: https://habr.com/ru/post/950922/

More articles:


All Articles