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- 语法。
自定义偏移量
实现自定义列偏移,例如现已弃用的
使用 Dummy占位符
<div>
使用 ml-auto 和 mr-auto
要将两个相邻列居中,开发人员可以将 ml-auto 和 mr-auto 应用于两者
<div>
使用 mx-auto
要将单个列居中,开发人员可以使用 mx-auto 在两列上创建相等的边距
结论
Bootstrap 4 中列偏移的删除和恢复给开发人员带来了一些暂时的困惑。然而,随着 Beta 2 中重新引入特定的偏移类,以及解决方法的可用性,开发人员可以继续在 Bootstrap 4 中实现自定义列布局。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3