Bootstrap: как применять некоторые правила CSS, когда на разных устройствах

Question

Как можно применить некоторые правила CSS при просмотре в разных размерах экрана в бутстрапе? Как, если смотреть в md, левый край любого элемента должен быть 10px. А при просмотре в см, то же самое должно быть 100 пикселей. Спасибо.

Answer 1

Это прямо из бутстрапа ... с использованием медиа-запроса. Это то, что вы отвлекаете?

@media screen and (min-width: 768px) { 
    .jumbotron { 
    padding-top: 48px; 
    padding-bottom: 48px; 
    } 
    .container .jumbotron { 
    padding-right: 60px; 
    padding-left: 60px; 
    } 
    .jumbotron h1, 
    .jumbotron .h1 { 
    font-size: 63px; 
    } 
}