Как верстать с помощью Bootstrap под разные разрешения?

Question

[Nastyuuuushka]

К примеру в Bootstrap все разрешения как я поняла нельзя сдвинуть, они связаны:

/* Small devices (tablets, 768px and up) */
media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
media (min-width: @screen-lg-min) { ... }

Но как же сверстать сайт, например в котором нужно 1170px DESK , 1024 TABLETS и еще в придачу телефоны 380px.

Answer 1

[Евгений]

bower install bootstrap-sass
файл _variables.scss

Answer 2

[Дмитрий Ким]

Либо используйте customizer для бутстрапа, либо качайте сорцы, правьте bootstrap-variables.less и собирайте сами в css. Второй вариант предпочтительнее.

Comments

[Nastyuuuushka]

Прошу прощения, "сорцы"?

[bro-dev]

Есть еще вариант поиск и замены по множеству файлов, если например уже все развернуто.

[Nastyuuuushka]

Роман Бережнов: в самом бутстрап файле заменить разрешения?

[lavezzi1]

Nastyuuuushka: Сорцы это исходный файлы. Скачайте не минимизированную версию бутстрапа из официально репозитория на гитхабе и в переменных измените размеры экранов на свои.

Answer 3

[DevRev]

Когда я начинал ознакамливаться с бутстрапом, а именно понятиям адаптивной верстки, мне очень помог данный урок.
Возможно поможет и вам.

Answer 4

[Александр Алексеев]

ну не знаю.. я считаю границы media установленные по умолчанию в бутстрапе довольно оптимальными и не вижу смысла их менять

отдельно стоит помнить что media считает не фактические пиксели устройства а его vieport
размеры vieport разных устройств можно глянуть тут viewportsizes.com