jquery - 列中的 Bootstrap 导航栏 - 到达页面顶部时已修复？

Question

我对 Bootstrap 导航栏有疑问。我想在它到达页面顶部时固定它(使用 Waypoints)，但我将它包装在“col-md-10 col-md-offset-1”类中。

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

另一个问题 - Bootstrap 导航栏本身包含一个容器，我想知道您是否可以将容器嵌套在列中。我的直觉告诉我不行，但我还能用什么其他方法让它像“col-md-10 col-md-offset-1”一样工作？

Answer 1

如果您希望页面中的某些内容在滚动时固定在顶部，您可以使用 Bootstrap 的 Affix plugin。 .

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

关于容器类，我认为容器类不能嵌套在另一个元素中，因为容器旨在根据媒体查询(1170 像素、970 像素等)定义页面的最大尺寸。