Twitter bootstrap 3 Bootstrap 3媒体查询不'；我不能超越sm

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

因此，我的html中有一个特定的div class=“check”

在我的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：黄色

---

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

你期望的结果是什么？我想得到xs:yellow；sm：红色；md：蓝色；lg:Brown您在问题中发布的示例与您描述的完全一样，这里是现场半斑马，非常感谢。演示确实有效。我得到了我的错误：代码中的分号。你让我明白，我认为我犯的错误没有错，所以我不得不在别处寻找错误。非常感谢。