html - 无法使 Bootstrap 模板中的 CSS 边距消失

Question

我希望有人能在这里帮助我。

我有这个: http://jsfiddle.net/8dCyz/

它是响应式的，因此只有当您的菜单未以移动形式切换时，您才能看到问题。

无论如何。似乎有一个边距，我不知道它是从哪里来的，因为它不是来自 ul>li 中的 anchor 标记。当我将鼠标悬停在它上面时，Chrome 开发者工具不会突出显示任何内容。

这是一张图片，它准确地解释了我的意思。 http://i.imgur.com/Sn8e8Kv.png

有谁知道我在哪里以及如何摆脱这个 margin ？ (或填充或其他什么？)

我试过这个，但无济于事:

  .navbar-nav > li > a {
  padding: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
  }

Answer 1

您好，您的问题出在这个属性上:

padding-bottom:30.5px 

在这个选择器上

.navbar-nav > li > a

这会影响你的社交按钮，它们的高度比你的其他 a 标签高，那么你需要为这些按钮使用特殊的样式:我添加了一个 id 来选择用于社交按钮的 ul:

#social > li > a {
 padding-bottom:18px;
}

演示 http://jsfiddle.net/8dCyz/7/