Bootstrap顶部导航栏：边距和高度

Question

我正在查看示例 starter-template.css ，这是带有标题的最简单的1列页面。

JSFiddle：https://jsfiddle.net/knbxy2d8/

我不明白全黑标头的位置，从上到下。如果你选择Firebug中的黑色标题，它实际上是第一个元素，

<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse fixed-top">

仅选择此黑条高度的90％，而不是整个条形。顶部/底部黑色部分来自哪里？

我的问题是，我需要知道标题的确切高度和容器，因为我在Photoshop中设置样式。这将是一个背景图像。所以它需要用一个完整的div替换任何黑色子条。为什么Bootstrap会这样做？

BTW，关于这个评论： 移动设备高54px，但56px 那么如何用一致的图像替换它呢？我可以强迫它达到相同的高度吗？

Answer 1

将此作为答案发布，因为我无法在评论中发布图片。

正如您在下面的Chrome开发人员工具的屏幕截图中看到的那样，您看到的空白区域是{{1}应用的.navbar元素顶部和底部的填充.5 }。class。