Bootstrap固定导航栏

18

我正在尝试使用Twitter Bootstrap的新affix选项,但我无法完全正确地使用它。

我在http://jsfiddle.net/yPgUu/1/上创建了一个示例,相关部分如下:

<ul class="nav nav-list" data-spy="affix">

左侧导航在正确的位置开始。 然而,随着您向下滚动,导航顶部会出现间隙。 我希望导航始终位于当前视图的顶部,而不是成为间隙。

我还尝试过使用data-offset-top="200"进行调整,但那只会使菜单弹来弹去。

我错过了什么吗?


你尝试使用 CSS 的 margin 属性了吗? - A. Wolff
1个回答

30

好的,这需要分两部分进行。

http://jsfiddle.net/yPgUu/2/

首先,分配 data-offset-top="50",然后修改css中的affix属性。

.affix {
    top: 10px;
}​

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接