全宽响应BP网格

Question

我正在使用http://responsivebp.com/css/grid/网格而且我遇到了麻烦。我如何在这里全宽？我疯了：D

<div class="container">

  <header class="col-l-12">

    <div id="logo" class="col-l-4">
      <img src="" alt=""></img>
      <h1>Bedrijfsnaam</h1>
      <p>Diensten - Porducten</p>
    </div>

    <div class="col-l-6" id="slogan"><h3>Bedrijfslogan kan hier geplaatst worden</h3></div>

    <div id="contact" class="col-l-2">
      <a href="#">tel nummer</a>
      <a href="#">emain@adress.com</a>
    </div>

 </header>


<nav class="col-l-12">
    <ul>
      <li class="selected"><a href="#">Home</a></li>
      <li><a href="#">Product ontwikkeling</a></li>
      <li><a href="#">Ontwinkeling diensten</a></li>
      <li><a href="#">Product testen</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Bedrijfs nieuws</a></li>
    </ul>
  </nav>

</header>
</div>


<div class="container-full">
  <p>I NEED TO BE FULL WIDTH...</p>
</div>

在此处查看我的试用版：http://codepen.io/shiva112/pen/GoqbLo

页眉和页脚的背景需要是全宽。