所有分辨率的引导折叠菜单

Question

我想使用 Bootstrap，但我想让折叠菜单适用于所有分辨率。我该怎么做呢？是否会通过自定义页面和媒体查询？

Answer 1

只需添加一个指向导航栏的链接，该链接带有一个可切换菜单的菜单汉堡图标，如下所示：

.glyphicon-menu-hamburger {
  font-size: 40px;
}

<div class="navbar navbar-default">
  <div>
    <a href="#" 
       data-toggle="dropdown">
      <i class="glyphicon glyphicon-menu-hamburger"></i>
    </a>
    <ul class="dropdown-menu">
      <li><a href="#">chocolate</a></li>
      <li><a href="#">strawberry</a></li>
      <li><a href="#">lemon</a></li>
    </ul>  
  </div>
</div>

点击这里查看结果：http://codepen.io/Kebten/pen/EjXJqO