适用于所有分辨率的Bootstrap折叠菜单

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