如何将自举中心化？

Question

我似乎无法很好地与页面中心对齐。看起来应该很容易，但我无法弄清楚。

Answer 1

您可以使用Bootstrap提供的offset classes

<div class="container">
  <div class="row">
    <div class="col-lg-6 col-lg-offset-3">
      <div class="well">
        Content
      </div>
    </div>
  </div>
</div>

的 CODEPEN

Answer 2

Bootstrap基于12列的网格系统。如果你想让上面的消息提交框居中，我会将它放在~6的列空间中，每边有〜3列，如下所示：

<div class="row">
  <div class="col-xs-3">[Empty DIV]</div>
  <div class="col-xs-6">[Summision Box]</div>
  <div class="col-xs-3">[Empty DIV]</div>
</div>