Bootstrap 3 nav-collapse 开始仅在移动设备上折叠答案

【问题标题】：Bootstrap 3 nav-collapse start collapsed only on mobileBootstrap 3 nav-collapse 开始仅在移动设备上折叠
【发布时间】：2016-06-26 22:33:10
【问题描述】：

关于折叠导航栏有很多问题，但我找不到这个具体案例，如果它是重复的，对不起。

<div class="navbar navbar-static-top navbar-default container">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="/">Brand</a>
  </div>
    <div class="nav-collapse" id="navbar">

我正在尝试让我的导航栏开始在移动设备上折叠（在页面加载时）。当我将class="collapse" 添加到#navbar div 时，我发现它是这样工作的，但是在 PC 上我的导航栏是隐藏的，除非我转到小分辨率并切换它。

同样在这个实现中，第一次点击折叠按钮“重新打开”在移动设备上打开了导航栏。

【问题讨论】：

你能发布你的导航栏的其余部分吗？
@lamelemon hastebin.com/erasuxotap.django - 有点丑，从各种来源复制，还没有清理（缩进）

标签： twitter-bootstrap-3

【解决方案1】：

你的问题是：

<div class="nav-collapse" id="navbar">
    <ul class="nav navbar-nav">

应该是navbar-collapse:

<div class="collapse navbar-collapse" id="navbar">
    <ul class="nav navbar-nav">

【讨论】：

啊，好吧，这对我来说应该很明显：X 我猜我是从使用 bootstrap 2 的人那里复制代码的，它是 nav-collapse 的？还是他有一个自定义课程？只是为了澄清你是否可以:)
@iScrE4m 是的，它从第 2 版更改为第 3 版。