css - 在md及以上的自举边框？

bootstrap 或CSS中是否有任何方法可以使它如此，所以我的列仅在中型设备或更高版本上才有边框？

甚至与中型和中型产品相比，小型设备的边界有所不同？

例如，如果我有:

<div class="container">
  <div class="row">
    <div class="col-md-12">
       stuff
    </div>
  </div>
 </div>

我该如何告诉col-md-12类的栏在较小的设备上与在较大的设备上具有不同的边框？

最佳答案

根据您的要求在媒体查询中为您写CSS。

 /* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

关于css - 在md及以上的自举边框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23645641/