列的樣式寬度選擇器

Question

我在工作的表單中遇到了一些麻煩。基本上，我只想在md屏幕中更改一列的寬度，所以我在該類中添加了一個名爲col-pvp的選擇器，而不是僅在boostrap中以特定大小來設置with。

我用這個代碼：

.col-md-1.col-new{ 
    width: xxx; 
} 

這樣的寬度僅在1和MD屏幕的列的變化，但對當它通過例如向移動或平板屏幕某種原因（XS，SM） ，列（col-new）的列表不會達到其原始大小。我無法弄清楚這個問題。

這裏是我的HTML：

<div class="col-md-1 col-sm-1 no-right-padding col-new"> 

Answer 1

之所以出現這種情況是因爲你重寫引導寬度，無論什麼屏幕分辨率是您的寬度總是會覆蓋引導寬度，因爲它涉及引導風格之後。把你的代碼媒體查詢裏面這樣

@media screen and (min-width: 992px) { 
    .col-md-1.col-new{ 
     width: ... 
    } 
} 

的寬度只有當屏幕確實是MD得到應用這種方式。