使 Bootstrap 5 的尺寸实用程序响应式

Answer 1

Bootstrap 没有提供这一点，因为创建一个约束卡片的结构网格并让卡片填充网格通常是更好的策略。查看 grid 文档。

如果您仍然想走这条路，只需创建自己的自定义类并在媒体查询中使用 Bootstrap 的 断点大小：

.my-card-sizer {
  width: 100%;
}

@media (min-width: 768px) {
  .my-card-sizer {
    width: 75%;
  }
}