如何在Bootstrap 3中显示响应式折叠图标？

Question

当有人在iPhone上显示我的网站时，我正试图显示折叠图标：

    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
       <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="bs-navbar-collapse">
     <ul class="nav.navbar-nav">
       <li>Create An Account</li>
       <li>Sign in</li>
     </ul>
    </div>

但是即使我尽可能地调整窗口大小，图标仍然不会出现......我会错过什么吗？ Twitter Bootstrap已加载。

由于

Answer 1

您缺少带有属性的环绕nav元素。

<nav class="navbar navbar-default" role="navigation"></nav>

Working Bootply

您必须严格遵循here所示的标记。