Bootstrap：如何在不同的设备上应用某些CSS规则

Question

在bootstrap中以不同屏幕尺寸查看时，某人如何应用某些CSS规则？ 比如，在md中查看时，任何元素的左边距应为10px。在sm中查看时，同样应该是100px。 感谢。

Answer 1

这是在引导程序之外...使用媒体查询。这是你要求的吗？

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}