中心div使用boostrapt网格左右边距

Question

我想创建一个宽度小于容器的div col-lg-12.这段代码有效,但我只有两个空div才能创建边距.使用bootstrap网格有更好的方法吗？

<div class="col-lg-12">
    <div class="col-lg-2"></div>
    <div class="col-lg-8">
        <form role="form-horizontal" method="post">
            ...
        </form>
    </div>
    <div class="col-lg-2"></div>
</div>

Answer 1

只是使用offset类,你也忘了.row在嵌套网格之前给出一个类:

<div class="row">
  <div class="col-lg-12">
    <div class="row">
      <div class="col-lg-offset-2 col-lg-8">
        <form role="form-horizontal" method="post">
         ...
        </form>
      </div>
    </div>
  </div>
</div>

确保为所有媒体提供课程.像这样:

<div class="row">
  <div class="col-lg-12 col-md-12 col-sm-12">
    <div class="row">
      <div class="col-lg-offset-2 col-md-8 col-md-offset-2 col-lg-8 col-sm-offset-2 col-sm-8">