Как Bootstrap переключается между размерами экранов (md-xs)

#css #bootstrap

За счет каких свойств CSS это возможно? С JS я представляю как, какой нибудь if экран_широкий
{ свойства; } else { свойства_для телефонов; }, ну и в таком духе. Но насколько я знаю
в css такого нет. За счет чего достигается эффект, что при изменении ширины браузера
свойства неожиданно начинают браться из xs а не из md например и container начинает
растягиваться на весь экран?
    

Ответы

Ответ 1

В бутстрапе адаптивность достигается за счет медиа запросов. Они прописываются в
стилях css. Внешний вид страницы напрямую зависит от шрины окна баузера, в том числе
от ширины окна браузера устройства. Так как ширины на телефоны, планшеты и мониторы
чаще всего в одном диапазоне, то их делят только по размерам. Вот например дефолтные
свойства сетки бутстрапа 3 



или вот в 4-ом 
breakpoints тоже с помощью медиа запросов, вот так это выглядит внутри css:


Ответ 2

Медіа запроси 

например: 

 @media (max-width: 600px){
 какойто селектор {
   название свойства: значение свойства;
  }
}