Html 引导nav在模拟/真实设备上不崩溃

有关地点：

当我调整浏览器窗口的大小时，我的引导响应导航栏会崩溃，但在移动设备和Chrome模拟设备上，导航会简单地收缩。 我的导航HTML如下所示：

<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="index.php" class="activepage">Home</a></li>
                <li><a href="why.php">Why Us?</a></li>
                <li><a href="process.php">Process</a></li>
                <li><a href="news.php">News</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </div>
    </div>
</nav>

切换导航

有人能看出我哪里出错了吗？

你不见了

<meta name="viewport" content="width=device-width, initial-scale=1">

在

标记之间。您需要在任何网站上发布此信息，以使其响应。

您丢失了此信息

<meta name="viewport" content="width=device-width, initial-scale=1">

---

在

标记之间。您需要在任何网站上发布此信息，以使其响应。

Oops！我用同样的旧文件工作太久了，忘记了一些愚蠢的事情。万分感谢！哎呀！我用同样的旧文件工作太久了，忘记了一些愚蠢的事情。万分感谢！