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

你错过了在span之前和容器之后添加一个带有类行的容器。

正确的方式：

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

span10 offset1不居中

1 个答案: