类容器全宽答案

【问题标题】：class container full width类容器全宽
【发布时间】：2018-05-14 09:08:56
【问题描述】：

我希望我的页面位于 class="container" 中，但我希望标题（蓝色和灰色列）也在类中，但我希望块为整行提供背景。所以蓝色和灰色需要在整个宽度上。我想知道是否有什么方法可以做到这一点？

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

【问题讨论】：

是的，有办法，但都取决于你的代码，所以分享它
什么意思？该网站就在<div class="container"></div> ?
我们需要看看 ;)

【解决方案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>

【讨论】：