Bootstrap Navbar Collapse firefox problem

Asked

Viewed 492 times

1

I recently started working with Bootstrap and am trying to create a navbar.

The problem is that the navbar appears to be normal until we decrease the size of the window where it gives collapse as it should be, but the button toggle only works in Google Chrome:

<div class="navbar navbar-inverse navbar-static-top">
  <div class="container">
    <a href="#" class="navbar-brand">RaminhaGest</a>            
    <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">F</button>
    <div class="collapse navbar-collapse navHeaderCollapse">
      <ul class="nav navbar-nav">
        <li><a href="#">Home</a></li>
      </ul>
    </div>
  </div>
</div>
javascript css html5 twitter-bootstrap firefox

  • PS: I tried to put the code in Jsfiddle but it didn’t work properly...

  • Cara explains better how this solution could be.

  • toggle is done via javascript, if it is not working in Firefox it must be because there is a problem in JS regarding FF.

1 answer

1

I found my problem:

I only had one item in the list and, as the animations of Google Chrome and Firefox are slightly different, this did not appear correctly.

With more items already works right.

Browser other questions tagged javascript css html5 twitter-bootstrap firefox

You are not signed in. Login or sign up in order to post.