Html @用于下拉菜单的介质-显示菜单

我想让我的网站响应不同的屏幕大小。目前，我正在以765px（或更低）的宽度测试我的站点。我希望在单击三个栏时出现菜单，但什么也没有发生。没有菜单出现，只有“品牌名称”

我正在为我的菜单使用引导导航

这是该页面的屏幕截图（已编辑）：

Jquery代码：-外部文件

@media screen and (min-width: 280px) and (max-width: 765px){
/* code goes here */
    .primary {
        color: orange !important;
        font-size: 14px;
    }
}

颜色变化用于测试尺寸

HTML:-仅导航

<nav class="navbar navbar-default">
        <div class="container-fluid">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="navbar-header">
             <a class="navbar-brand" href="index.php"><span class="primary">#</span></a>
            </div>
             <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                 <li class="active"><a href="index.php">Home</a></li>
                    <li><a href="about.php">About</a></li>
                    <li><a href="services.php">Services</a></li>
                    <li><a href="contact.php">Contact</a></li>
                    <li><a href="privacy.php">Privacy</a></li>
                    <li><a href="terms.php">Terms</a></li>
                    <li><a href="copy.php">Copyright</a></li>
                </ul>
            </div><!-- navbar collapse -->
        </div>
    </nav>

切换导航

我错过了什么？ 我怎样才能解决我的问题

任何帮助都将不胜感激

---

谢谢

原因之一是打乱了

jQuery

和

bootstrap.js

的顺序。引导需要jQuery才能运行某些事件。因此，请确保您的

jquery

脚本位于

bootstrap.min.js

或

bootstrap.js

之前

切换导航

“我错过了什么？”->那是CSS代码，不是jQuery！谢谢你的帮助。