Css Twitter引导3菜单问题
我在引导模板中有一个菜单设置,它不会一直延伸到浏览器的右侧 当前项目 过去的项目 定制住宅 .功能菜单1{ 背景:153586; 宽度:100%; 高度:70像素; } navcontainerFeature1 ul { 利润上限:-10px; 左侧填充:0; 左边距:0; 背景色:153586; 颜色:859fd0; }Css Twitter引导3菜单问题,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,我在引导模板中有一个菜单设置,它不会一直延伸到浏览器的右侧 当前项目 过去的项目 定制住宅 .功能菜单1{ 背景:153586; 宽度:100%; 高度:70像素; } navcontainerFeature1 ul { 利润上限:-10px; 左侧填充:0; 左边距:0; 背景色:153586; 颜色:859fd0; } 你可以在这里的测试站点,在项目菜单上看到我的意思。两个蓝色菜单栏无法显示在屏幕的右侧。引导程序有一个pull right和pull left类,这将占用其中的一部分。我在这里
你可以在这里的测试站点,在项目菜单上看到我的意思。两个蓝色菜单栏无法显示在屏幕的右侧。引导程序有一个pull right和pull left类,这将占用其中的一部分。我在这里为你建立了一个模型:
[1]: http://www.bootply.com/7qiDiqLeQb#
<!-- Static navbar -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<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">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand pull-left" href="#">Project name</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav pull-right">
<li class="active"><a href="#">CURRENT PROJECTS</a></li>
<li><a href="#">PAST PROJECTS</a></li>
<li><a href="#">CUSTOM HOME BUILDING</a></li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
</nav>
将您的背景色添加到容器流体元素而不是featureMenu1元素。这修复了它,谢谢。