Question

我正在帮助客户升级他的网站设计，并使用bootstrap作为框架在下面构建网站。虽然有些东西真的在唠叨我 - 容器似乎并不是我的中心。原因可能是因为容器定义了背景颜色，右侧没有边距。我想保持“全宽”的东西，并且没有右边的填充，但我不知道如何实现这一点并让容器居中。来到我身边的唯一想法充斥着过多的代码。

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

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.

Bootstrap容器背景不居中

1 个答案: