Делаю проект с использованием bootstrap, использую только сетку из исходников scss. В проектах без этой сетки использовал такие миксины для всех экранов:
$break_xl: 1200px;
@mixin xl-block(){
@media screen and (min-width: $break_xl){
@content;
}
}
Вопрос в том, как правильно писать свои стили для разных экранов с использованием bootstrap? Есть ли в bootstrap какие-то миксины для этого или нужно ручками писать media запросы/свои миксины?