类容器全宽

Question

我希望我的页面位于class="container"但我希望标题（蓝色和灰色列）也在类中，但我希望块为整行提供背景。因此蓝色和灰色需要在整个宽度上。我想知道是否有办法解决这个问题？

问题： 有没有办法让灰色和蓝色块成为全宽，所以颜色是全宽，但文本就像现在一样。 div有一个class="container"

Answer 1

Try this,

<div class="header">
    <nav class="navbar navbar-default">
  <div class="container">
    <ul class="nav navbar-nav">
      <li><a href="#">Home</a></li>
       <li><a href="#">Community</a></li>
       <li><a href="#">Groepen</a></li>
       <li><a href="#">Trainingen</a></li>
       <li><a href="#">Support</a></li>
       <li><a href="#">Profile</a></li>
       <li><a href="#">Inloggen</a></li>
    </ul>
   </div>
  </nav>

  </div>

  <div class="subheader">
    <div class="container">
      <ul class="breadcrumb">
       <li><a href="#">Home</a></li>
     </ul>
    </div>
  </div>

  <div class="middle-section">
   <div class="container">

   </div>
  </div>