Bootstrap 3, дисплеи Retina и col-lg

Я использую Twitter Bootstrap 3 и имею две разные настройки столбца в div:

<div class="col-md-10 col-lg-8 col-centered">

Я настроил col-lg-8 для больших экранов настольных компьютеров и хотел бы col-md-10 для средних экранов и ноутбуков. Моя проблема заключается в том, что при использовании macbook 13 дюймов с сетчаткой определяется большой экран из-за высокого разрешения и применяется неправильный класс столбца.

Как мне исправить это, чтобы col-md-10 использовался на macbook с сетчаткой?


html css twitter-bootstrap col
person Gus Powell    schedule 04.06.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам, вероятно, придется настроить и загрузить подходящую версию Bootstrap 3.3.4, в которой вы измените контрольные точки медиа-запросов, чтобы включить правильные разрешения. Прямо сейчас точки останова Bootstrap определяются как:

@screen-xs: 480px;
@screen-sm: 720px;
@screen-md: 992px;
@screen-lg: 1200px;

Если вы посетите http://getbootstrap.com/customize/#media-queries-breakpoints, вы можете настроить эти значения так, чтобы они соответствовали вашему Macbook.

person Tim Lewis    schedule 04.06.2015