Контрольные точки бутстрапа... нужно некоторое уточнение "xs sm md lg"

Итак, смотря онлайн, я вижу несколько недавних статей, в которых говорится, что точка останова xs составляет 480 пикселей и ниже.. другие.. состояние 767 и ниже..

У меня было понимание (возможно, неверно), что xs для телефонов (480 пикселей и ниже),.col-sm для планшетов (480 пикселей до 767 пикселей) и т.д.

Однако, когда я применяю .hidden-xs - он, кажется, скрывает, где я ожидаю увидеть мой планшет... в диапазоне от 480 пикселей до 767...

Что я здесь делаю неправильно?

Столбцы привязаны к укладке на 480 пикселей, но скрытые функции и .col-xs, похоже, не меняются при ширине экрана.

Я работаю с каким-то сумасшедшим устаревшим кодом, но я уверен, что обновился до последней версии bootstrap.

Ответ 1

Контрольная точка xs фактически обрабатывает экраны с 767 пикселей и ниже. Ширина точки останова такова:

  • xs= 0-767 пикселей
  • sm= 768-991 пикселей
  • md= 992-1199 пикселей
  • lg= 1200 пикселей и вверх

См. http://getbootstrap.com/css/#grid

ПОЖАЛУЙСТА, ОБРАТИТЕ ВНИМАТЕЛЬНЫЙ ЭТО ОТВЕТ ДЛЯ ВЕРСИИ 3.0