bootstrap - 根据屏幕尺寸应用类

Question

我可以在不使用 @media only screen 的情况下执行此操作吗？或者这是最好的方法？

例如我可以用 CSS 写这个吗？：

@include media-breakpoint-up(md) {
  .card {
    transform: translate(0px, -75px);
    z-index: 200;
  }
}

我还想根据屏幕尺寸隐藏/显示 div。

Answer 1

您需要使用媒体查询进行转换，但可以使用内置的 Bootstrap 断点来显示属性。例如，d-md-none将隐藏尺寸及以上的元素md。