Bootstrap容器背景不居中

Question

我正在幫助客戶升級他的網站設計，並使用bootstrap作爲框架構建了以下網站。雖然有些東西真的讓我嘮叨 - 容器似乎並不集中於我。原因可能是因爲爲容器定義了背景顏色，並且右側沒有空白。我想保留事物的「全角」，並且在右側沒有填充，但我不確定如何實現這一點並使容器居中。唯一的想法來源於太多的代碼。

你會用什麼來解決這個問題最有效的方法？

http://www.dredwardliu.com/mobile

Answer 1

只是走快看，我注意到你有一個包含div的。體，.span4和.span12一行。您需要將.body和.span4放在一行中，span12放在其自己的行中，並且也可以將.span8放到.body中。

您實際上錯過了.content div中的很多行。

這是你現在擁有的一切：

<div class="row"> 
    <div class="content"> 
     <div class="body">      <-- should have a row start here 
     (For Your Smile...) 
     </div><!--body text--> 
     </div><!--span8-->      <-- missing div.span8 

     <div class="span4"> 
     (meet Liu) 
     </div><!--end map-->     
               <-- should end row, begin a new row 
     <div class="span12"> 
     (etc) 
     </div><!--span12-->      <-- end another row, begin another, etc.