如何在 768 像素的屏幕尺寸下启动 col-sm bootstrap class？

Question

在768px的屏幕尺寸下，实现了bootstrap class col-md。有没有办法改变它，以便 class col-sm 改为在此屏幕尺寸下实现？

这些是当前的默认值：

特小号 (<576px) .col-
小 (>= 576px).col-sm-
中（>=768px）.col-med-
大 (>=992px).col-lg-
超大 (>=1200px) .col-xl-

Answer 1

我觉得很有道理

代码：

@media (min-width: 576px) {
  .col-sm {
    flex: 0 0 100% !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .col-sm {
    flex: 1 0 0% !important;
  }
}

但为什么要更改 col-sm 而使用 col-md

如何在 768 像素的屏幕尺寸下启动 col-sm bootstrap class？

How to launch col-sm bootstrap class at screen size 768px?

css

bootstrap-4

angular