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

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

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-26 10:24:11791浏览

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