Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/visual-studio/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 3 更改包含引导导航的全宽背景色_Twitter Bootstrap 3_Navbar_Background Color - Fatal编程技术网

Twitter bootstrap 3 更改包含引导导航的全宽背景色

Twitter bootstrap 3 更改包含引导导航的全宽背景色,twitter-bootstrap-3,navbar,background-color,Twitter Bootstrap 3,Navbar,Background Color,大家好 最后,我想将导航栏的颜色更改为#333 全宽,同时仍具有导航的内容(链接) 包含(非全宽) 代码如下: HTML > > > >aria controls=“navbar”> >航行 > > > > > > > > > > > > > > > > >

大家好

最后,我想将导航栏的颜色更改为#333 全宽,同时仍具有导航的内容(链接) 包含(非全宽)

代码如下:

HTML


>     
>         
>             
>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;   }
>