使用 bootstrap+ Flat UI 时降低导航栏高度答案

【问题标题】：Reduce navbar height when using bootstrap+ Flat UI使用 bootstrap+ Flat UI 时降低导航栏高度
【发布时间】：2014-04-01 16:51:21
【问题描述】：

我正在使用 designmodo 的平面 UI，并且我有一个顶部栏导航，我什至还没有使用链接填充它：

<body>
  <nav class="navbar">
  </nav>
</body>

.navbar{
  height:18px;
  background:red;
}

我想要一个真正细的顶栏，比如 18 像素。但是我不能将它减少超过 50 像素。我必须覆盖的 CSS 属性是什么？

我也尝试使用 Chrome 的 DOM 编辑器手动编辑，但是一旦我更改了值，它就会回到 50ish px。

【问题讨论】：

【解决方案1】：

.navbar 上有一个最小高度。你需要取消它。将以下规则添加到您的 css

.navbar {
   min-height:0;

【讨论】：