html - 如何在 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 .