jquery - CSS-覆盖宽度

我有以下html文件，其中软件自动添加了第一个CSS样式g2f0

 <div class="linelevel row">
    <div class="g2f0 col-sm-6 form-group">
       <label for="name">Name</label>
       <input id="name" type="text" value="" name="name">
    </div>
    <div class="g2f1 col-sm-6 form-group">
       <label for="address">Address</label>
       <input id="address" type="text" value="" name="address">
    </div>
</div>

样式是自动自动生成的，并根据页面上的div数量，如下所示作为每个div的第一类插入：

div.g2f0 {
    float: left;
    width: 50%;
}

div.g2f1 {
    float: left;
    width: 50%;
}

我想摆脱这些自动生成的类的宽度属性，以便可以使用引导网格类。我已经尝试过按如下方式使用专一性，但是bootrap网格类在断点处不起作用：

<div class="linelevel row">
    <div class="g2f0 reset-width col-sm-6 form-group">
       <label for="name">Name</label>
       <input id="name" type="text" value="" name="name">
    </div>
 </div>

.linelevel .reset-width {
    width: auto;
}

我必须执行以下操作才能使其工作，这意味着我必须覆盖所有网格类的所有断点：

 @media (max-width: 768px) {
   .col-sm-6 {
      width: 100% !important;
    }
 }

有人知道我可以在g2f0（这些都是自动生成的）和col-sm-6之间使用单个类来删除g2f0类宽度的方法吗？

最佳答案

问题是您有两个添加宽度的类-g2f0和col-sm-6。您有两个选择-删除g2f0类的自动添加，或者像Wayne所示的那样设置自定义宽度：

div.g2f0.reset-width {
    width: 200px; /*your custom width*/
}