如何为我的引导导航栏添加自定义样式？

【问题标题】：How can I add my custom style for my bootstrap navbar?如何为我的引导导航栏添加自定义样式？
【发布时间】：2017-08-07 21:49:17
【问题描述】：

HTML 代码

<!-- navigation bar start -->
<div class="navbar navbar-default navbar-fixed-top">
   <div class="container">
        <a class="navbar-brand" href="/"></a>
    </div>
</div>

CSS 代码

.navbar{
   height: 500px;
}

CSS 不适用于导航栏，为什么以及如何操作？

【问题讨论】：

试试height: 500px !important
感谢您的回复，但它不起作用。
对不起 Alorika，是我的错误阻止了您的工作。谢谢:)
酷。很高兴它有帮助:)

标签： html twitter-bootstrap css navbar

【解决方案1】：

如果您使用引导程序并添加自己的 css 规则，则需要覆盖您添加的样式

!important

如果您想进入引导程序并更改您不必使用!important的元素

因此，如果您将自己的 css 添加到自己的 css 文件中，您会将 css 文件包含到项目中

<head>
<link rel="stylesheet" type="text/css" href="path/to/my/style.css">
</head>

并将标签添加到您的 css

.navbar{
   height: 500px !important;
}

【讨论】：

【解决方案2】：

修改您的 .css 文件

 .navbar{
   height: 500px;
   background-color: #ffffff;
   }

只需为您的导航栏添加颜色，它就会可见。

【讨论】：