невосприимчивая сетка bootstrap

Question

Есть ли способ сделать невосприимчивую загрузку сетки только для определенного div? Я знаю, что есть способ отключить отзывчивость, выполнив этот шаг here. Но то, что я хочу, я хочу, чтобы для моего div был невосприимчивым столбцом.

В основном у меня есть 3 кнопки, и я хочу выровнять их с помощью cols, и я хочу, чтобы он всегда фиксировался в 3 горизонтальных столбцах. В настоящее время со следующим кодом cols изменят свое местоположение в ответ на изменение размера окна. Каков правильный способ сделать это, кроме указания class="col-sm-4 col-md-4 col-xs-4 для каждого класса? Я пробовал class="col-4", но он не работает. Спасибо!

<div class="overlayOptions" ng-show=overlayOptions> 
       <div class="row"> 
        <div class="col-md-4"><a class="watchButton"><span class="glyphicon glyphicon-plus"></span></a></div> 
        <div class="col-md-4"><a class="inventoryButton"><span class="glyphicon glyphicon-minus"></span></a></div> 
        <div class="col-md-4"><a class="storeButton"><span class="glyphicon glyphicon-pencil"></span></a></div> 
       </div> 
      </div> 

Answer 1

Просто укажите только наименьшую ширину столбца, т.е. Col-хз для дивы:

<div class="overlayOptions" ng-show=overlayOptions> 
      <div class="row"> 
       <div class="col-xs-4"><a class="watchButton"><span class="glyphicon glyphicon-plus"></span></a></div> 
       <div class="col-xs-4"><a class="inventoryButton"><span class="glyphicon glyphicon-minus"></span></a></div> 
       <div class="col-xs-4"><a class="storeButton"><span class="glyphicon glyphicon-pencil"></span></a></div> 
      </div> 
     </div>