css - md 及以上的 Bootstrap 边框？

Question

bootstrap 或 CSS 中是否有任何方法可以使我的列在中型或更高版本的设备上只有边框？

或者与中型及以上设备相比，小型设备甚至具有不同的边框？

例如，如果我有:

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

如何让 col-md-12 类的列在较小的设备和较大的设备上具有不同的边框？

Answer 1

根据您的要求在媒体查询中编写您的 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) {

}