jquery - 导航栏固定顶部不起作用,如 LayoutIt 预览中所示

标签 jquery html css twitter-bootstrap navbar

我正在尝试在 bootstrap 中创建一个顶部固定的导航栏。

我对 Layoutit.com 感到厌烦...

使用 LayoutIt.com 中的默认布局(使用 BS3),将导航栏位置更改为导航栏固定顶部。检查了预览,它就像一个魅力。然后我下载了内容并在本地执行。 Boom,导航栏固定在顶部,但其余内容在导航栏后面流动。

下载过程中有没有遗漏什么?

最佳答案

你在找this吗.

如果我很清楚你的问题,我认为你没有为第二个 div 使用“padding top”,所以它在导航栏下面。在上面的 fiddle 中尝试删除“中间”类并检查。

    .middle{
       padding-top: 100px;
    }

关于jquery - 导航栏固定顶部不起作用,如 LayoutIt 预览中所示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27226771/

相关文章:

css - 以与过渡自定义效果相同的方式进出

jquery - 显示列表而不绑定(bind) select2 ajax jQuery

javascript - 从 Google +1 按钮共享时指定图像

javascript - 推送固定位置header后面的内容

javascript - 如果 URL 包含,则交换范围内容

javascript - 更改 ASP.NET MVC 5 中 Controller ActionResult 的 html 元素样式

javascript - 对具有多个实例的每个单个元素的 jQuery 操作

html - 在父div中垂直对齐div?

javascript - 是否可以使用 JQuery 或 JavaScript 更改窗口大小?

javascript - 触发 jQuery .on ('change' ) 总是至少一次