使用 Twitter Bootstrap 2.x 在移动设备上切换侧边栏 [英] Toggle sidebar on mobile device with Twitter Bootstrap 2.x
问题描述
是否可以通过 Bootstrap 隐藏移动设备的侧边栏,但可以通过切换按钮访问它?切换按钮应该只为移动设备显示,其中默认视图没有侧边栏 - 类似于响应式 Bootstrap 导航栏的工作方式.见附图.
使用 bootstrap 的响应类和两个 jquery onclick 事件的示例:http://bootply.com/62828
html
<div class="row"><div class="span9" id="content" style="background-color:blue;"><div class="navbar visible-phone"><div class="容器"><a class="btn btn-navbar" id="showsidebar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
<p>主列</p><p>内容...</p>
<div class="span3 hidden-phone" id="sidebar" style="background-color:darkgreen;"><div class="navbar visible-phone"><div class="容器"><a class="btn btn-navbar" id="showcontent"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>