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文件更容易，我想。 –

你可以重構你的問題，以準確理解你想要完成的是什麼嗎？ –