新的Bootstrap 4偏移解决方案？

Question

在Bootstrap 4Alpha中，we had offsets。现在Bootstrap4已经正式发布了，we have a bad alternative。

在此之前，您可以实现以下内容：

<div class="col-2"></div>
<div class="col-2">This is offset by 2</div>
<div class="col-2"></div>
<div class="col-2">This is offset by 2</div>
<div class="col-2"></div>
<div class="col-2">This is offset by 2</div>

只需做以下事情：

<div class="col-2 offset-2">This is offset by 2</div>
<div class="col-2 offset-2">This is offset by 2</div>
<div class="col-2 offset-2">This is offset by 2</div>

只需将offset-2类添加到元素中。你不能再这样做了，如果你正在寻找一种方法来完成我说的第一件事，你需要按这个顺序来做。

最新的Bootstrap 4版本放弃了这一点，这是真的吗？有没有一种替代方案，不需要修改源文件？

Answer 1

Bootstrap4中的新网格系统仍然支持使用offset-*类的offsetting columns。

请看下面的代码片段：

​

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>

<div class="container">
  <div class="row">
    <div class="col-2 offset-2">Offset by 2</div>
    <div class="col-2 offset-2">Offset by 2</div>
    <div class="col-2 offset-2">Offset by 2</div>
  </div>
</div>

​