Загрузочная сетка: удалите 'col col-xs-12' на большом экране?

Question

Могу ли я удалить или переписать col col-xs-12 в элементе, если он находится на большом экране без с помощью js/jquery? Мне нужен 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: вы хотите другую ширину o п больших устройств:

<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%; 
    } 
}