Bootstrap在div中固定了navbar

Question

在bootstrap documentation中，他们可以在.navbar-fixed-top div中“陷阱”.bs-docs-example：

<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，导航栏必须有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。