Скрыть столбец в бутстрапе на мобильном телефоне

У меня есть сайт с 2 столбцами, и я хочу скрыть один из столбцов, когда сайт просматривается на мобильном устройстве. Я знаю, что вы можете использовать класс hidden_phone и установить класс столбца на 99% или что-то еще, используя медиа-запрос размера экрана, но им интересно, правильно ли это это сделать. Есть ли лучший способ или более правильный способ.

<div class="container>
 <div class="row">
  <div class="span8">some content</div>
  <div class="span4 hidden-phone">some content</div>
 </div>
</div> 

@media (max-width: someresolution){
 .span8{
  width:99.3214534%;
 }
}