如何仅针对移动设备移除div列上的填充？

Question

我在内容行中有这个div列：

<div class="col-md-4 no-gutter" style="float: right;">
<div class="well">
<p>blah blah blah (content) </p>
</div>
</div>

我正在使用带有Bootstrap 2的CMS（Cascade Server）。

这有助于消除排水沟填充......

[class*='col-'].no-gutter {
   padding-right:0;
   padding-left:0;
}

...但是在桌面视图中查看它时，我需要为992px宽的屏幕添加一些填充，以便文本不会运行到div列。我尝试添加以下内容，但我认为我的sytax是错误的，我不知道如何解决它。有人能帮助我吗？

@media screen and (min-width: 992px) and [class*='col-'].no-gutter {
   padding-right:0;
   padding-left:15;
}

Answer 1

Quantastical关于格式化是正确的...另一个小问题，你也在padding-left的末尾缺少px。使用0，您不需要它，但使用其他值，您将需要px，em，％指定

@media screen and (min-width: 992px) {
   [class*='col-'].no-gutter {
      padding-right:0;
      padding-left:15px;
   }
}

Answer 2

您@media语法错误。它需要包围你的CSS声明，如下所示：

@media screen and (min-width: 992px) {
   [class*='col-'].no-gutter {
      padding-right: 0;
      padding-left: 15px;
   }
}

有关如何使用它们的详细信息，请参阅W3 documentation on Media Queries。

修改：根据Kyle Larson's answer将单位添加到padding-left无意义推广代码不足。