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

标签 jquery html css twitter-bootstrap

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

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

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

最佳答案

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

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

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

关于jquery - 列中的 Bootstrap 导航栏 - 到达页面顶部时已修复?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23808046/

相关文章:

javascript 代码仅适用于 jquery 1.7.2

html - 为什么我的 div 下面有一个空格?

javascript - jQuery - 已读和未读项目

javascript - 图像加载后显示 AJAX 内容

javascript - 使用 jQuery 获取由变量定义的文本输入的值

html - 在 HTML View 框中缩放 SVG

html - 如何在两个div之间添加图像

javascript - 更多选项按钮多次不起作用

html - 为什么max-width不生效?

javascript - 如何创建仅在单击按钮时出现的黑色幕布?