如何在 Bootstrap 4 中偏移列？

Bootstrap 4 列偏移技术

Bootstrap 4 引入了更新的列偏移技术。之前使用“offset-md-*”类的方法已在 Beta 1 中删除。

引入 .ml-auto 和 .mr-auto

新的方法利用“.ml-auto”和“.mr-auto”类。这些类自动调整边距以将列推向行内的左侧或右侧。

使用虚拟列的自定义偏移

要实现自定义列偏移，需要使用“虚拟”可以使用列占位符。例如，要将“col-md-4”列偏移 2 个单位，请使用：

<div>

使用 .ml-auto 和 .mr-auto 将列居中

要将两个相邻的“col-md-4”列居中，请将“.ml-auto”应用于左列，将“.mr-auto”应用于左列右列：

<div>

使用 .mx-auto 进行居中放置

要居中“col-md-4”列，请应用“.mx-auto” ":

<div>

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

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