如何在 Bootstrap 4.0.0-beta 中实现所需的列偏移？

Bootstrap 列偏移困境已解决

在 Bootstrap v4.0.0-beta 中，之前使用的 offset-md- * 列偏移量类已被删除。该文档建议使用 .ml-auto 代替。然而，这种方法会导致意外的行为，将列偏移四而不是预期的数量。

这种差异是由 Bootstrap 4 中新的基于 Flexbox 的布局系统引起的。偏移类不再相关 由于列的灵活性。要实现自定义偏移，请考虑以下解决方案：

1. 占位符列：

   • 添加所需偏移大小的虚拟列为偏移列创建空间。

2. 自动边距 (ml/mr-auto):

   • 将多列居中： 将偏移列除以二，并对每列应用 ml-auto 和 mr-auto。
   • 将单个列居中： 使用 mx-auto 创建相等

即将发生的变化：
需要注意的是，特定的列偏移将在 Bootstrap 4 的 Beta 2 中重新引入。这将恢复使用 offset-md-2 等类来实现精确列位移的能力。

以上是如何在 Bootstrap 4.0.0-beta 中实现所需的列偏移？的详细内容。更多信息请关注PHP中文网其他相关文章！