如何解决仅从断点“md”处引导 5 列等宽
我在 Bootstrap 4 中多次使用此代码(在移动列上有全宽 - 从“md”开始,列有等宽):
<div class="container">
<div class="row">
<div class="col-12 col-md">
1 of 2
</div>
<div class="col-12 col-md">
2 of 2
</div>
<div class="col-12 col-md">
3 of 3
</div>
<div class="col-12 col-md">
4 of 4
</div>
<div class="col-12 col-md">
5 of 5
</div>
</div>
</div>
如果我在 Bootstrap 5 中使用此代码,“col-12”会覆盖“col-md”。
如何使用 Bootstrap 5 在移动设备上使用全宽且从“md”等宽的列开始?
解决方法
因为我最近 answered here,这是一个 bug that was introduced in 5.0.2。
在修复之前,您的解决方法是使用 row-cols-*
代替...
<div class="container">
<div class="row row-cols-1 row-cols-md-5">
<div class="col">
1 of 2
</div>
<div class="col">
2 of 2
</div>
<div class="col">
3 of 3
</div>
<div class="col">
4 of 4
</div>
<div class="col">
5 of 5
</div>
</div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。