md 及以上的 bootstrap 边框？

Question

无论如何，引导程序或 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) {

}