列的样式宽度选择器

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得到应用这种方式。