【问题标题】:Bootstrap collapse menu for all resolutions所有分辨率的引导折叠菜单
【发布时间】:2015-08-28 17:59:24
【问题描述】:

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

【问题讨论】:

标签: twitter-bootstrap


【解决方案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

【讨论】:

    猜你喜欢
    • 2017-10-10
    • 1970-01-01
    • 2023-04-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-24
    • 2014-01-26
    • 2014-05-19
    • 2020-10-31
    相关资源
    最近更新 更多