如何为 bootstrap 导航栏添加自定义样式？

How can I add my custom style for my bootstrap navbar?

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 没有应用到导航栏，为什么以及如何才能？

如果您正在使用 bootstrap 并添加自己的 css 规则，则需要用

覆盖您添加的样式

!important

如果您想进入 bootstrap 并更改您不必使用的元素 !important

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

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

并将标签添加到您的 css

.navbar{
   height: 500px !important;
}

修改您的 .css 文件

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

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