Bootstrap在div中固定了navbar

Question

在bootstrap文档中，他们能够在他们的.bs-docs-example div中“陷阱” .navbar-fixed-top ：

<div class="bs-docs-example bs-navbar-top-example">
    <div class="navbar navbar-fixed-top" style="position: absolute;">
        <div class="navbar-inner">
        [...]

但是如果我在我的测试页面中做同样的事情，导航栏“逃脱”div并固定在身体的顶部，而不是div的顶部。 它是如何实现的？

Answer 1

好想通了。 父元素容器必须具有position: relative ，并且navbar必须具有position: absolute ，如果你附加.navbar-fixed-top或.navbar-fixed-bottom ，它将相对于父元素而不是相对于整个页面。 是啊！

Answer 2

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

这适用于内置的Bootstrap的CSS。