无法使Bootstrap模板中的CSS Margin消失

Question

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

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

它是响应式的，所以当您没有以移动形式切换菜单时，您将只能看到问题。

反正。似乎有一个边缘，我不知道它来自哪里，因为它不是来自ul＆gt; li内的锚标签。当我将鼠标悬停在它上面时，Chrome开发者工具不会高亮显示任何内容。

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

有谁知道，我在哪里以及如何摆脱这个边际？ （或填充或其他什么？）

我尝试过玩这个但无济于事：

  .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/