首页 > web前端 > css教程 > 为什么 col-xs-* 在 Bootstrap 4 中不起作用?

为什么 col-xs-* 在 Bootstrap 4 中不起作用?

Mary-Kate Olsen
发布: 2024-12-26 10:24:11
原创
887 人浏览过

Why Doesn't col-xs-* Work in Bootstrap 4?

Bootstrap 4 中的 col-xs-* 无法使用

在尝试调整 Bootstrap 中列的尺寸时,您可能会遇到问题,其中 col-xs-* 类似乎不起作用。当您将列设置为中等大小时:

<h1>
登录后复制

文本对齐工作正常:
[文本对齐图片]

但是,当您将列设置为超小(extra small)时:

 <div>
登录后复制

文本对齐不再起作用:
[文本对齐错误图片]

对于这种无法正常工作的现象,原因在于 Bootstrap 4 中弃用了 col-xs-* 类。您需要使用 col-* 类来指定列的尺寸。例如,将 col-xs-12 替换为 col-12即可。

同样,请注意 col-xs-offset-{n} 也在 v4 中被 offset-{n} 替换。

以上是为什么 col-xs-* 在 Bootstrap 4 中不起作用?的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板