Css Twitter引导3菜单问题

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类,这将占用其中的一部分。我在这里

我在引导模板中有一个菜单设置,它不会一直延伸到浏览器的右侧

当前项目 过去的项目 定制住宅 .功能菜单1{ 背景:153586; 宽度:100%; 高度:70像素; } navcontainerFeature1 ul { 利润上限:-10px; 左侧填充:0; 左边距:0; 背景色:153586; 颜色:859fd0; }
你可以在这里的测试站点,在项目菜单上看到我的意思。两个蓝色菜单栏无法显示在屏幕的右侧。

引导程序有一个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元素。这修复了它,谢谢。