列中的Bootstrap导航栏 - 在到达页面顶部时修复?

时间:2014-05-22 13:19:35

标签: jquery html css twitter-bootstrap

我的Bootstrap导航栏有问题。我想在它到达页面顶部时使用Waypoints来修复它,但我把它包装在“col-md-10 col-md-offset-1”类中。

当我设置位置:固定到导航栏时,布局变得疯狂 - 它向右移动,不再适合列。我想这是由于位置:修复了将其从流程中删除,但我似乎找不到解决它的好方法。我尝试潜水整个容器位置:固定,但它没有用。

另一个问题 - Bootstrap导航栏本身包含一个容器,我想知道你是否可以在一个列中嵌套一个容器。我的直觉说不,但是我可以用什么方式使它像“col-md-10 col-md-offset-1”一样?

2 个答案:

答案 0 :(得分:1)

如果您希望页面在滚动时到达顶部时固定在顶部,则可以使用Bootstrap Affix plugin

但如果您可以发布已有的代码,我们可以为您提供更多帮助。

关于容器类,我不认为可以嵌套在另一个元素中,因为容器旨在根据媒体查询(1170px,970px等)定义页面的最大大小。

答案 1 :(得分:0)

在bootstrap类中有特殊菜单,其中菜单将被修复,你需要仔细查看框架上的文档