我如何才能移除唯一移動的div列的填充？

Question

我有一個內容行這個div列：

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

我使用的是CMS（級聯服務器）與引導2.

這個工作，除去陰溝裏填充..

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

...但在桌面視圖中查看它時，我需要一些992px寬的屏幕填充以便文本可以esn't跑到div欄。我嘗試添加以下內容，但我認爲我的sytax是錯誤的，我不知道如何解決它。有人能幫我嗎？

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

Answer 1

您@media語法錯誤。它需要環繞，像這樣你的CSS聲明：

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

關於如何使用它們的更多信息，請參見W3 documentation on Media Queries。

編輯：將單位添加到padding-left根據Kyle Larson's answer沒有意義促進糟糕的代碼。

Answer 2

Quantastical關於格式化是正確的......另一個小問題，你也在填充左邊的結尾缺少px。隨着0你不需要它，但與其他值，你需要px，em，％指定

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