Bootstrap 4 Beta 中的列偏移类别有何变化？

Bootstrap 4.0.0-Beta 中的列偏移

在 Bootstrap 4 Beta 中，偏移类已更新，导致习惯使用“offset-”的用户感到困惑md-*”来移动列。

Offset 类更改

在 Bootstrap 4 Beta 中，“offset-md-”类已替换为“offset-{breakpoint}-” 。”例如，要在中断点上将列偏移两列，您现在可以使用“offset-md-2”而不是“col-md-offset-2”。

ml-auto 进行列对齐

“ml-auto”类提供了一种通过将列尽可能向右移动来对齐列的新方法。但是，这种自动边距方法可能并不适合所有场景。

自定义偏移解决方法

如果您需要特定的列偏移，例如偏移两列，解决方法是使用虚拟列或占位符列以达到所需的效果。例如：

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

mx-auto 用于使列居中

要使列居中，请使用“mx-auto”类，它会在列两侧创建相等的边距。

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

注意：Beta 2 中的特定列偏移

需要注意的是，特定列偏移（例如“offset-md-2”）将在 Bootstrap 4 Beta 2 中恢复。但是，“ml-auto”和“mx-auto”类仍然可以用于灵活的列对齐和居中。

以上是Bootstrap 4 Beta 中的列偏移类别有何变化？的详细内容。更多信息请关注PHP中文网其他相关文章！