Twitter bootstrap 3 更改包含引导导航的全宽背景色
大家好 最后,我想将导航栏的颜色更改为#333 全宽,同时仍具有导航的内容(链接) 包含(非全宽) 代码如下: HTMLTwitter bootstrap 3 更改包含引导导航的全宽背景色,twitter-bootstrap-3,navbar,background-color,Twitter Bootstrap 3,Navbar,Background Color,大家好 最后,我想将导航栏的颜色更改为#333 全宽,同时仍具有导航的内容(链接) 包含(非全宽) 代码如下: HTML > > > >aria controls=“navbar”> >航行 > > > > > > > > > > > > > > > > >
>
>
>
>aria controls=“navbar”>
>航行
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>CSS
>
>.navbar.navbar-default.navbar折叠{
>边界:0;
>-网络工具包盒阴影:无;
>框阴影:无;}
>
>navbar先生{
>页边距底部:0!重要;}
>
任何帮助都会很棒,因为我被卡住了
提前谢谢
.navbar默认值{
背景色:#333!重要;
}
.navbar导航>li>a:悬停{
颜色:#FFF!重要;
}
航行
感谢您的回复,但似乎没有效果。更新的fiddle,看一看,感谢您上传…这很有趣,在dreamweaver中,它似乎接受了bkgnd颜色更改…但当我在浏览器中查看时,背景仍然显示为白色。在浏览器上点击“Ctrl+F5”,可能是从你的缓存中加载的,嗯……还是不起作用……是否受到引导标准css代码的影响?
<!-- navbar -->
> <nav class="navbar navbar-default navbar-static-top">
> <div class="container">
> <div class="navbar-header">
> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
> aria-controls="navbar">
> <span class="sr-only">Navigation</span>
> <span class="icon-bar"></span>
> <span class="icon-bar"></span>
> <span class="icon-bar"></span>
> </button>
> </div>
> <div id="navbar" class="navbar-collapse collapse">
> <ul class="nav navbar-nav">
> <li><a href="#">Home</a></li>
> <li><a href="#">Videos</a></li>
> <li><a href="#">Photos</a></li>
> <li><a href="#">About</a></li>
> <li><a href="#">Broadcast</a></li>
> <li><a href="#">FAQs</a></li>
> <li><a href="#">Contact</a></li>
> </ul>
> </div>
> <!--/.nav-collapse -->
> </div>
> </nav>
> <!--end of navbar-->
>
>
>
> CSS
>
> .navbar.navbar-default .navbar-collapse {
> border: 0;
> -webkit-box-shadow: none;
> box-shadow: none; }
>
> .navbar {
> margin-bottom: 0 !important; }
>