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

У меня есть сайт с 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%;
 }
}

Ответы

Ответ 1

Да, это на самом деле подход twitter bootstrap. Посмотрите исходный код своей сетки.

Скрытые телефоны,... классы (они были переименованы в hidden-xs,.. в версии 3), просто установив атрибут "display" в "none" или "none", block "в зависимости от текущего медиа-запроса. Посмотрите на их responsive-utilities и mixins и найдите текст" отзывчивая видимость", если вы хотите получить полную информацию.

Пока это "меньше", а не "css", оно должно быть читаемым. Если вам интересно, что такое "меньше", посетите веб-сайт lesscss.org