如何为我的bootstrap导航栏添加自定义样式?

时间:2015-12-27 07:30:24

标签: html twitter-bootstrap css3 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未应用于导航栏,为什么以及如何?

2 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:-1)

修改.css文件

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

只需为导航栏添加颜色即可。