Twitter bootstrap 使用@media查询添加引导类无效

我有以下简化的HTML代码：

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="conditional-div">
                <!-- some content -->
            </div>
        </div>
    </div>
</div>

我想要的其实很简单，我想要

div.conditional-div

在中型和大型设备上有类名

container

，但在小型和超小型设备上没有。但是，媒体查询似乎不适用于中型和大型设备

我对媒体的质疑做错了什么？谢谢

addClass（）是JS函数。你不能在css中使用它

在html页面中使用此脚本

<script>
    if (window.outerWidth >= 991)
    {
        $('.conditional-div').addClass('container');
    }
</script>

如果（window.outerWidth>=991）
{
$（'.conditional div'）.addClass（'container'）；
}

Protip:

与

<script>
    if (window.outerWidth >= 991)
    {
        $('.conditional-div').addClass('container');
    }
</script>