列的样式宽度选择器

Question

我正在处理的形式有些麻烦。基本上，我只想在md屏幕中更改列的宽度，所以我在类中添加了一个名为col-pvp的选择器，而不是仅在boostrap中为特定大小设置样式。

我使用了这段代码：

.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

发生这种情况的原因是因为您覆盖了引导程序宽度，无论屏幕分辨率如何，您的宽度将始终覆盖引导程序宽度，因为它是在引导程序样式之后。将您的代码放在像这样的媒体查询

中

for

这样，如果屏幕确实是md，则仅应用宽度。