Question

我很难让NavBar呈现我的想法。

我需要一个高度增加的导航栏（原因是我的品牌形象的高度比默认值高）。

但是我还需要所有菜单元素（BUTTON，LI，A，FORM ELEMENTS，NAVBAR-TEXT，NAVBAR-RIGHT）来尊重新的高度，并在导航栏中正确地垂直居中。

有人可以为需要更改的内容提供一些示例HTML / CSS吗？ 我在网上做了很多搜索，似乎没什么明显的。

BootStrap网站显示了有关如何定义导航栏的文档，但我找不到任何关于高度变化的信息。

Answer 1

如果您将品牌形象放在导航栏品牌div中，那么您可以使用css将高度更改为您需要的高度（或品牌形象的高度）：

.navbar-brand {
    height: 80px;
}

要垂直对齐导航栏元素，您可以使用css为导航栏提供所需内容：

.navbar-nav {
    margin-top: 40px;
}

如果需要为较小的设备更改这些断点，则必须使用css断点。