无法摆脱标题之间的空间答案

【问题标题】：unable to get rid of space between header无法摆脱标题之间的空间
【发布时间】：2015-02-19 18:56:48
【问题描述】：

这似乎是一个 CSS 问题。我尝试设置margin、line-height 等。但我无法缩小标题和角度视图之间的差距——直接在正文中。请在此处参考 plunk 分享。

【问题讨论】：

【解决方案1】：

导航栏类的底部边距为 20px

【讨论】：

@deostroll，我使用 Google 开发工具栏检查了 HTML 元素。找到边距。您可以调整引导 css 或使用 margin-bottom: 0 !important 从该特定元素中删除 margin-bottom
你不想在你的 CSS 中使用 !important。
@codeepic true 但您想覆盖引导样式（以便能够从 CDN 使用），其他选项是使用您自己的引导版本并调整导航栏 css
另一种选择是使用引导样式中使用的相同 css 选择器，并在您的样式中将其与 margin-bottom: 0; 一起使用。我一直在为各种预定义的 css 样式（jquery 插件、css 框架）做这件事。
@codeepic 您可以使用 ID 选择它以获得更高的权重作为 !important 的替代品，我不会简单地将相同的类添加到您的 css 但我会在 ID 上选择它以获得最高的重量

【解决方案2】：

在您的导航栏中，从您这样定义的 css 中删除 margin-bottom

.navbar
{
position: relative;
min-height: 50px;
/* margin-bottom: 20px;  Remove this from css*/
border: 1px solid transparent;
}

希望对你有帮助，谢谢

【讨论】：

【解决方案3】：

这是working solution

基本上，你需要将margin-bottom: 0;添加到<nav class="navbar navbar-default">

【讨论】：

【解决方案4】：

<nav class="navbar navbar-default" style="margin:0">

会的

【讨论】：