bootstrap用nav-sidebar的侧边栏如何在手机屏幕上卷到菜单上,或有一个toggle按钮?

如同模板:http://v3.bootcss.com/example...
上的页面,左侧边栏在屏幕窗口边小的时候就消失不见了。
两种方案:
1,像顶部菜单一样折叠;
2,有个toggle按钮,在手机屏幕上可以点击展开和关闭。

请大神帮忙如何实现呢?

阅读 6.9k
1 个回答

这个就是用了media 你可以设一个按钮 min-width:768px时消失 ,小于768px时fix到屏幕的一边,绑定事件点击时侧边栏display改为block,弹出侧边栏后再点击某处display 再变成none, 说的有点乱,实际可以参考百度百科的移动端web的侧边栏 ,侧边栏的css可以看下你提供的案例里的.sidebar的样式进行更改

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题