Javascript jquery booststrap菜单不支持'；调整页面大小时，不会更改

我有个问题。我有一个水平菜单，当我重新调整窗口大小时，我希望我的菜单更改为引导菜单。我正在用

script.js

编写代码，我不确定它是否正确。如果你能在这方面帮助我，我将不胜感激

if（$（窗口）.width（）<1000）
{
$（“div”）.removeclass（“.nav”）.addclass（“.dropdown”）；
$（“.dropdown”）.append（“菜单
");
$（“ul”）.removeclass（“.hmenu”）.addclass（“.dropdown menu”）；
}

这是错误的做法。您需要通过css媒体查询来处理此问题。Bootstrap已经定义了与之相关的类。

要实现这一点，您应该使用css媒体查询

**在整页运行下面的代码段时，尝试调整浏览器的大小**

/*当屏幕大于600px时*/
@媒体屏幕和屏幕（最大宽度：600px）{
.下拉列表{
背景颜色：灰色；
}
}
/*当屏幕小于600px时*/
@媒体屏幕和屏幕（最小宽度：600px）{
.下拉列表{
背景颜色：绿色；
}
}

一个
两个
三
四