Bootstrap网格：在大屏幕上删除'col col-xs-12'？

Question

当元素在大屏幕上没有使用js / jquery时，我可以在元素中删除或覆盖col col-xs-12吗？我只需要在较小的屏幕上显示col col-xs-12。

移动/小屏幕，

<div class="col col-xs-12">
      <input type="checkbox" name="delete[]" value="" class=""/>
</div>

在大屏幕上，

<div class="col col-xs-12">
      <input type="checkbox" name="delete[]" value="" class=""/>
</div>

Answer 1

＃1：您希望输入不会出现在大型设备上：

<div class="col col-xs-12 hidden-lg">
    <input type="checkbox" name="delete[]" value="" class=""/>
</div>

＃2：您希望在大型设备上使用其他宽度：

<div class="col col-xs-12 col-lg-6"> <!-- change col-lg-6 as you want -->
    <input type="checkbox" name="delete[]" value="" class=""/>
</div>

＃3：您需要：100％支持大型设备（需要媒体查询）

<div class="col col-xs-12 autosize-lg">
    <input type="checkbox" name="delete[]" value="" class=""/>
</div>

@media (min-width: 1200px) { 
    .autosize-lg {
        width: 100%;
    }
}