W3CSS：流体布局居中页面？

我使用W3CSS构建响应站点。为了让页面居中，我想使用他们提供的12列系统。所以我做了这样的事情：W3CSS：流体布局居中页面？

<div class="w3-container"> 
    <div class="w3-row"> 
     <div class="w3-col m2 l3 w3-container w3-blue"></div> 
     <div class="w3-col m8 l6 w3-container w3-white"> 
      <p> 
       Hello world! 
       <br> 
       <br> 
       Let's do this. 
       <br> 
       <br> 
       A lot of fun... 
      </p> 
     </div> <!-- Content Column --> 
    <div class="w3-col m2 l3 w3-container w3-red"></div> 
    </div> <!-- Content Container Row --> 
</div> <!-- Page Container -->

我不得不类w3-container分配给w3-col。否则，布局将无法工作。添加w3-container的缺点是，w3颜色类将不再适用。这正是我的问题：我想围绕content-div的两个div有一定的颜色。但背景颜色不适用。无论是通过添加w3类还是通过CSS手动添加它。

这里是整个的jsfiddle： https://jsfiddle.net/timothys_monster/kp445w0u/10/

来源

2016-04-21 timothys_monster

尝试使用引导（http://getbootstrap.com）其更强大 –

@DovBenyominSohacheski感谢您的建议，但它有点为我的口味强大。我发现现在使用W3CSS更容易。此外，与Bootstrap相比，调整核心CSS文件更容易，我想。 –

你可以重构你的问题，以准确理解你想要完成的是什么吗？ –