如何在Bootstrap v4.1中降低导航栏的高度

Question

尝试降低Bootstrap v4.1中导航栏的高度，但是没有任何运气。我希望将高度设置为24px;

亲切的问候， 理查德。

Answer 1

由于引导程序是基于CSS构建的，因此您可以层叠样式。添加

.navbar {
    height: 24px;
}

在引用引导CSS之后，导航栏的层叠高度会变高。

即

<link rel="stylesheet" href="bootstrap.css"/>
<style>
  .navbar {
        height: 24px;
    }
</style>

（如果使用链接标记）。如果使用节点导入，请添加另一个包含 覆盖并在之后导入。

import 'bootstrap/dist/css/bootstrap.min.css';
import './path/override.css'

您也可以通过添加！important来强制。但是bootstrap是一个响应式框架，修改或强制使用某些样式来某些元素有时可能会破坏其功能。