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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <div>
使用 mx-auto
要将单个列居中,开发人员可以使用 mx-auto 在两侧创建相等的边距。
结论
Bootstrap 4 中列偏移的删除和恢复给开发人员带来了一些暂时的困惑。然而,随着 Beta 2 中重新引入特定的偏移类,以及解决方法的可用性,开发人员可以继续在 Bootstrap 4 中实现自定义列布局。
以上是Bootstrap 4 Beta 中的列偏移发生了什么?的详细内容。更多信息请关注PHP中文网其他相关文章!