相关疑难解决方法(0)

使用Bootstrap 3折叠边栏

我刚访问了这个页面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>
Run Code Online (Sandbox Code Playgroud)

补充工具栏本身具有hidden-xs类.使用以下js删除它

$('.sidebar-toggle').click(function(){
     $('#sidebar').removeClass('hidden-xs');            
});
Run Code Online (Sandbox Code Playgroud)

如果单击该按钮,则会从顶部切换侧边栏.很高兴看到侧边栏的行为与上面显示的网站相似.任何帮助表示赞赏!

sidebar collapse twitter-bootstrap-3 bootstrap-4

100
推荐指数
5
解决办法
46万
查看次数