我刚刚访问了这个页面http://www.elmastudio.de/并想知道是否可以使用 Bootstrap 3 构建左侧边栏折叠。
从顶部折叠侧边栏的代码(仅限手机):
<button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse">
<span class="sr-only">Sidebar</span>
<span class="glyphicon glyphicon-check"></span>
</button>
侧边栏本身有 hidden-xs 类。使用以下js将其删除
$('.sidebar-toggle').click(function(){
$('#sidebar').removeClass('hidden-xs');
});
如果单击该按钮,它会从顶部切换侧边栏。很高兴看到侧边栏的行为与上面显示的网站一样。任何帮助表示赞赏!