导航栏和轮播之间的引导空间

时间:2014-07-17 10:07:16

标签: css twitter-bootstrap twitter-bootstrap-3 positioning

使用Bootstrap 3,我按照他们的示例将导航栏放在顶部,然后立即通过旋转木马跟随它。我已经从导航栏移除了边距底部:20px,但导航底部和旋转木马的起点之间仍然有20px的空间。

如果我在转盘容器上放置一个margin-top:-20px,那么空间就消失了。

Chrome检查员没有显示任何考虑差距的元素。

为什么那里的空间是什么,取消它的正确方法是什么?

示例如下所示:http://temp.hak.webfactional.com/

由于

3 个答案:

答案 0 :(得分:2)

这是由此规则引起的:

body {
    padding-top: 70px;
}

当您的导航栏为50px高度(以及我们在这里得到了什么?70 - 20 = 50!)时,相应地更改此填充,这样就可以了。

答案 1 :(得分:1)

在您的代码中添加此css

body {
   padding-top: 50px;
}

答案 2 :(得分:0)

修改您的css名称 - suntrek.css ,第1行

body {
min-height: 1024px;
padding-top: 51px;
}