Question

我有这个代码的问题，问题是我无法居中最后一个块当它调整页面大小后它下降我也尝试使用保证金：0自动，但它没有在这里与我合作

我试过的代码：

<div class="container">
    <div class="row">

  <div style="background:blue"class=" col-sm-4 col-xs-6 col-md-4 col-lg-4 ">

  3
  </div>
   <div style="background:black" class=" col-sm-4 col-xs-6 col-md-4 col-lg-4 ">
   2
   </div>
    <div style="background:red;" class=" center-block col-sm-4 col-xs-6 col-md-4 col-lg-4   ">
    1
    </div>
  </div>
</div>

和jsfiddle

Answer 1

使最后一列居中使用xs-offset-3

<div class="container">
  <div class="row">
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 alert-warning">3</div>
    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 alert-danger">2</div>
    <div class="col-xs-6 col-xs-offset-3 col-sm-4 col-sm-offset-0 col-md-4 col-lg-4 alert-info">1</div>
  </div>
</div>

并添加col-xs-offset.css以支持XS大小的Bootstrap 3偏移或在jsFIddle

上查看结果

中心块和边距：0自动无效

1 个答案: