偏移列不起作用（Bootstrap v4.0.0-beta）

我正在使用Boostrap 4（Bootstrap v4.0.0-beta）testing版，并面临偏移列的问题。 早些时候，我曾经做过offset-md- * ，它正在工作，BS4 Beta根据文档被删除。 在文档中提到的新方法是使用.ml-auto ，当我尝试使用它与col-md-4它是抵消4列。 我想要的是自定义抵消像

**<div class="col-md-4 offset-md-2"></div>** 

我试过使用

 **<div class="col-md-4 ml-md-2"></div>** 

但没有工作这是错误还是有另一种方法来做到这一点？

这里是关于抵消https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns的官方文档

Answer 1

引导程序4 offset类已在Beta 1中删除，但将在Beta 2中恢复

新的用于偏移的自动保证金replace将尽可能地移动列。 那么，这取决于你想把这个列向右“推”多less。 如果他们在col-md-4的右边没有其他列，它将会一直走到row右侧。 基本上offset是浮动列的相关，但现在Bootstrap 4是flexbox不再有关。

如果您想将col-md-4移动到2列单元上，最好的方法是使用虚拟/占位符列 …

 <div class="row"> <div class="col-md-2"></div> <div class="col-md-4"> .. </div> </div> 

https://www.codeply.com/go/SqrQIOAY7

如果在第一个右边有其他的col-md-4 ，那么ml-auto和mr-auto将工作在两个中心的中间 。

 <div class="row"> <div class="col-md-4 ml-auto"> . </div> <div class="col-md-4 mr-auto"> . </div> </div> 

https://www.codeply.com/go/SqrQIOAY7n

如果您想要将col-md-4居中，那么只需使用mx-auto 在两侧创build相等的边距 。

---

注意：特定的列偏移将在Beta 2中恢复

Answer 2

ml-md-auto设置margin-left: auto; 对于尺寸md和以上。

你不能把它设置为2 。

你需要做ml-md-auto 。