【问题标题】:Bootstrap space between navbar and carousel [duplicate]导航栏和轮播之间的引导空间[重复]
【发布时间】:2014-07-17 18:19:28
【问题描述】:

使用 Bootstrap 3,我按照他们的示例将导航栏放在顶部,然后紧随其后的是轮播。我已经从导航栏中删除了 margin-bottom:20px,但在导航底部和轮播开始之间仍然有正好 20px 的空间。

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

Chrome 检查器没有显示任何导致差距的元素。

为什么那里有空格,请问删除它的正确方法是什么?

此处显示示例:http://temp.hak.webfactional.com/

谢谢

【问题讨论】:

  • 只需删除您的自定义样式表就可以了。
  • 抱歉,如果这是不合适的地方提问,但是当有多个正确答案并且可能重复的评论也是正确的时,我该怎么问提问者?

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


【解决方案1】:

这是由这条规则引起的:

body {
    padding-top: 70px;
}

作为50px 高度的导航栏(我们在这里得到了什么?70 - 20 = 50 !),相应地更改此填充,它会很好。

【讨论】:

  • +1 我会接受这个答案。只需更改 padding-top;一切都会好起来的
【解决方案2】:

在你的代码中添加这个css

body {
   padding-top: 50px;
}

【讨论】:

  • 也正确,谢谢。
【解决方案3】:

编辑您的 CSS 名称 - suntrek.css,第 1 行

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

【讨论】:

  • 啊,我太愚蠢了,不记得我在浏览其他示例时将其放在那里。谢谢!
  • 很高兴我能帮上忙!请投票!和平