javascript - Bootstrap 修复了 div 内的导航栏

Question

在引导文档中，他们能够.navbar-fixed-top在其.bs-docs-examplediv 中“捕获” a：

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

但是如果我在我的测试页面中做同样的事情，导航栏会“转义” div 并固定在 body 的顶部，而不是 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。