Bootstrap Media Querys

Question

我在bootstrap方面遇到了一些问题。 我的问题：我的网页上有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）中，我发现在992px处有一个来自bootstrap的媒体查询。如果我删除它，600px媒体查询也能正常运行。如何从引导程序中删除此媒体查询，以便它再次显示？