Bootstrap fixed navbar inside div

Question

In bootstrap documentation they\'re able to \"trap\" a .navbar-fixed-top inside their .bs-docs-example div:

        
                      

              相关标签:
       
      

Answer 1

<div class="container-fluid">
    <div class="container">
        <nav class="navbar">...</nav>
    </div>
</div>

That works with built-in Bootstrap's CSS.

Answer 2

Ok figured it out. The parent element container must have position: relative, and navbar must have position: absolute, that way if you attach either .navbar-fixed-top or .navbar-fixed-bottom it will get fixed relative to the parent element and NOT relative to the entire page. Yeah!