首页 > web前端 > css教程 > 正文

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

Linda Hamilton
发布: 2024-11-08 00:50:02
原创
798 人浏览过

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><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中文网其他相关文章!

来源:php.cn
上一篇:CSS 可以根据内部 HTML 选择元素吗? 下一篇:如何在不直接访问的情况下设置跨域 iFrame 内容的样式?
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
关于CSS思维导图的课件在哪? 课件
来自于 2024-04-16 10:10:18
0
0
1580
相关专题
更多>
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!