css - span10 offset1 不居中

Question

我对一个基本问题感到困惑，我不知道该怎么做——

看看 www.hncharity.com

如果您查看内容 div，它会稍微偏离中心（当您进入移动视图时，它会变得更加明显）。

div 的结构如下：

<div class="container">
  <div class="span10 offset1">
    <div class="content">
         ....
    </div>
  </div>
</div>

.content 类具有白色背景，在 span10 offset1 div 周围添加填充和边距，以使宽度看起来更小。

这是内容的CSS

  margin:40px;
  padding:40px;
  position:relative;
  margin-top:-200px;
  z-index:1201;
  background-color:white;

如您所见，内容似乎没有居中。我该怎么做才能解决这个问题？

Answer 1

您错过了在跨度之前和容器之后添加具有类行的容器。

正确方法：

<div class="container">
  <div class="row">
    <div class="span10 offset1">
      <div class="content">
         ....
      </div>
    </div>
  </div>
</div>