首页 >web前端 >css教程 >Bootstrap 4 Beta 中的列偏移发生了什么?

Bootstrap 4 Beta 中的列偏移发生了什么?

Linda Hamilton
Linda Hamilton原创
2024-11-08 00:50:02889浏览

What Happened to Column Offsetting in Bootstrap 4 Beta?

Bootstrap 4 Beta:列偏移的删除和恢复

Bootstrap 4 在其 Beta 1 版本中引入了重大更改柱子偏移了。然而,随着 Beta 2 的后续发布,这些变化已经逆转。

从 offset-md-* 到 ml-auto

在 Bootstrap 4 Beta 1 中, offset-md-* 类已被删除。相反,鼓励开发人员使用 .ml-auto 类来偏移列。然而,这种方法并没有提供与以前的方法相同水平的精度。

在 Beta 2 中恢复偏移类

幸运的是,在 Beta 2 中,偏移类已恢复。新语法使用 offset-{breakpoint}- 格式,替换之前的 col-{breakpoint}-offset- 语法。

自定义偏移

实现自定义列偏移,例如现已弃用的

使用虚拟占位符

<br><div><pre class="brush:php;toolbar:false">  <div>


使用 ml-auto 和 mr-auto

要将两个相邻列居中,开发人员可以将 ml-auto 和 mr-auto 应用于两列。

<br><div><pre class="brush:php;toolbar:false">    <div>


使用 mx-auto

要将单个列居中,开发人员可以使用 mx-auto 在两侧创建相等的边距。

结论

Bootstrap 4 中列偏移的删除和恢复给开发人员带来了一些暂时的困惑。然而,随着 Beta 2 中重新引入特定的偏移类,以及解决方法的可用性,开发人员可以继续在 Bootstrap 4 中实现自定义列布局。

以上是Bootstrap 4 Beta 中的列偏移发生了什么?的详细内容。更多信息请关注PHP中文网其他相关文章!

bootstrap for format auto continue using class this column mr
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
上一篇:Can CSS Select Elements Based on Inner HTML?下一篇:How to Style Cross-Domain iFrame Content Without Direct Access?

相关文章

查看更多