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

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

请大神帮忙如何实现呢?

已邀请:

jacsondct

赞同来自:

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

要回复问题请先登录注册