В документации по медиазапросам Bootstrap 3 говорится:
Мы используем следующие медиазапросы в наших файлах Less для создания ключевых точек останова в нашей сеточной системе.
Очень маленькие устройства (телефоны, менее 768 пикселей): нет медиазапроса, так как это по умолчанию в Bootstrap
Маленькие устройства (планшеты, 768 пикселей и выше):
@media (min-width: @screen-sm-min) { ... }
Средний устройства (рабочие столы, 992 пикселей и выше):
@media (min-width: @screen-md-min) { ... }
Большие устройства (большие рабочие столы, 1200 пикселей и выше):
@media (min-width: @screen-lg-min) { ... }
Должны ли мы иметь возможность использовать @screen-sm
, @screen-md
и @screen-lg
имена в наших медиа-запросах? Потому что это не работает для меня. Я должен использовать измерения пикселей, такие как @media (min-width: 768px) {...}
, прежде чем он будет работать. Я что-то не так делаю?
Кроме того, является ли ссылка на 480px для очень маленьких устройств опечаткой? Разве это не должно говорить до 767px? S> ( так как удалено из документации )