Javascript Bootrap3响应导航已停止在手机和平板电脑屏幕大小上工作

我一直在用bootstrap3创建一个站点，并且下拉菜单可以很好地使用正确的CSS样式。我没有更改任何代码，但mobile view和tablet view导航现在没有样式，仅显示在列表视图中-请参阅：

我不确定这是怎么发生的；我没有修改代码，而是恢复到最后一份工作副本。在过去的两周里，导航一直运行良好。我还重新添加了JS文件夹和CSS文件以及function.php，以确保没有文件被错误保存、损坏或包含任何缺少的元素

---

如果您能在wordpress中为bootstrap3导航问题提供任何帮助，我们将不胜感激。平板电脑和移动视图不再工作，不再像此媒体查询那样使用CSS样式

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

---

嗨，皮尤斯，谢谢你提供的关于媒体查询的信息，我已经通过引导主题将这些信息准备好了，并且我已经让菜单在所有尺寸下正常工作：手机、平板电脑和桌面。问题是它不再起作用了？我一直在检查bootstrap.css中的代码，并对照原始主题下载的未经编辑的css文件，没有看到任何已删除的代码块，这将导致它停止工作？好的。给我你的网站网址。ttp://www.creative-media.info/FatLossPro