How to layout with Bootstrap for different resolutions?

Question

css

For example, in Bootstrap, as I understand it, all permissions cannot be shifted, they are connected:
/* 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) { ... }
But how to make a site, for example, in which you need 1170px DESK , 1024 TABLETS and 380px phones to boot.

Answer 1

bower install bootstrap-sass
file _variables.scss

Answer 2

Either use the customizer for bootstrap, or download the sorts, edit bootstrap-variables.less and build it yourself in css. The second option is preferable.

Answer 3

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

Answer 4

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