css - 特定断点的 Bootstrap 类

Question

我想知道是否有办法使 Boostrap 类特定于断点。

我知道有一些像 col-sm-2 col-md-4等等
但我现在真正要寻找的是元素的宽度。

宽度 100% 的当前代码:className="w-100"
我想有一些方法可以使用像 w-sm-100 w-md-75 w-lg-50 这样的东西或 sm-w-100 md-w-75 lg-w-50但我在 Bootstrap 文档或其他任何地方都没有找到类似的东西。

那么，有没有一种简单的方法可以做到这一点，或者我们是否有义务通过 css 中的媒体查询来做到这一点？

谢谢 !

Answer 1

如果你想做这样的 somthink :

<img class="w-100 w-md-50" src="..." alt="...">

您可以通过使用 div 和类“col”和“mx-auto”来做到这一点，如下所示:

<div class="col col-md-6 mx-auto">
  <img class="w-100" src="..." alt="...">
</div>