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

Question

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

亲切的问候， 理查德。

Answer 1

由于 bootstrap 是基于 css 构建的，因此您可以级联样式。添加

.navbar {
    height: 24px;
}

在引用引导 css 后，导航栏将级联高度。

也就是说，

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

如果您使用的是链接标签。如果您正在使用节点导入，请添加另一个 css 文件，其中包含 覆盖并在之后导入。

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

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