Блог

У меня есть некоторые проблемы с начальной загрузкой. Моя проблема: у меня есть 4 карточки на моей веб-странице ( col-md-3 ). Чтобы сделать веб-страницу отзывчивой, я добавил 3 медиа-запроса:

 @media only screen and (min-width: 600px){
.col-md-3{
    width: calc(50% - 10px) !Important;
}
}

@media only screen and (min-width: 900px){
.col-md-3{
    width: calc(33.33% - 10px) !Important;
}
}

@media only screen and (min-width: 1200px){
.col-md-3{
    width: calc(25% - 10px) !Important;
}
}
  

600px = должен показать мне две карты в одном ряду
900px = должен показать мне 3 карты в одном ряду
1200px = должен показать мне 4 карты в одном ряду

Теперь работают медиа-запросы 900 и 1200. В консоли crome (f12) я обнаружил, что at 992px есть медиа-запрос из bootstrap. Если я удалю его 600px , медиа-запрос также будет работать отлично. Как я могу удалить этот медиа-запрос из bootstrap, чтобы он не отображался снова?