Question

需要对bootstrap类进行一些澄清。我已经将20px的margin-top应用于col-md-5，如果视口大小大于990px，当视口小于col-md-5应用于它时，一切正常。我认为col-md-5仅在视口大于990px时适用，我错了。如果是，那么解决这个问题的正确方法是什么。

@font-face {
font-family: 'myspecialfont';
src: url('oxygen-webfont.eot');
src: url('oxygen-webfont.eot?#iefix') format('embedded-opentype'),
     url('oxygen-webfont.woff2') format('woff2'),
     url('oxygen-webfont.woff') format('woff'),
     url('oxygen-webfont.ttf') format('truetype'),
     url('oxygen-webfont.svg#oxygenregular') format('svg');
font-weight: normal;
font-style: normal;
}
h1 {font-family: "myspecialfont", sans-serif;}

Answer 1

col-md-*将始终“已应用”。我认为你对改变如何在特定断点处应用类的@media查询感到困惑。

如果您只想使用大于990的CSS，请使用@media查询..

@media screen and (min-width: 990px) {
  .col-md-5 {
    margin-top: 18px;
  }
}

演示：http://bootply.com/Wu4p0tM6g7

影响col-xs视口的col-md类

1 个答案: