twitter-bootstrap - 引导容器背景未居中

Question

我正在帮助客户升级他的网站设计，并使用引导程序作为框架构建了下面的网站。不过，有些事情确实在困扰我——容器似乎并没有以我为中心。原因可能是因为定义了容器的背景颜色，并且右侧没有边距。我想保持事物的“全宽”，并且在右侧没有填充，但我不确定如何实现这一点并使容器居中。我想到的唯一想法充满了太多的代码。

解决此问题的最有效方法是什么？

http://www.dredwardliu.com/mobile

Answer 1

快速浏览一下，我注意到您有一行包含 div .body、.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.