Navbar固定顶部不能像在LayoutIt预览中看到的那样工作

时间:2014-12-01 10:52:29

标签: jquery html css twitter-bootstrap navbar

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

我正在使用Layoutit.com ...

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

下载时是否有任何遗漏?

2 个答案:

答案 0 :(得分:0)

您在寻找this吗?

如果我清楚你的问题,我认为你没有使用“填充顶部”为第二个div,所以它在导航栏下面。在上面的小提琴中尝试删除“中间”类并检查。

    .middle{
       padding-top: 100px;
    }

答案 1 :(得分:0)

您必须添加正文上边距

body {
  min-height: 2000px;
  padding-top: 70px;
}

工作小提琴 http://jsfiddle.net/52VtD/9295/

还要检查Jquery,bootstrap.js和bootstrap.css

的版本