Bootstrap 3媒体查询不能超越sm

Question

无论我做什么，我似乎无法让媒体查询正常运作。

所以我在我的html中有一个div class =＆＃34; check＆＃34;

在我的CSS中：

.check{
    width: 100px;
    height: 100px;
    background-color: yellow;
}

    @media(min-width: 768px){ 

    .check{
    background-color: red;
    }

};

 @media (min-width: 992px){  
    .check{
    background-color: blue;
    }

};

@media (min-width: 1200px){ 

    .check{
    background-color: brown;
    }

};

结果是：xs：yellow; sm：红色; md：红色; lg：红色

如果我这样做：

@media(min-width: 768px) and (max-width: 992px){ same }
@media(min-width: 992px) and (max-width: 1200px){ same }
@media (min-width: 1200px){ same }

我得到：xs：yellow; sm：红色; md：黄色; lg：黄色

我做错了什么？我怎样才能让它正常工作？