контейнер класса полная ширина

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>