Question

我正在为我的网站开发可折叠的侧边栏，我在这里发现了这个非常棒的模板

http://www.bootply.com/88026#

当宽度<1时，侧边栏会折叠。 768px，我们可以使用切换按钮切换回sibebar。这适用于移动设备。

我希望用户即使在宽度大于＆gt;的设备上也能够最小化侧边栏。 768px。

目前使用jquery折叠侧边栏

 $(document).ready(function() {
 $('[data-toggle=offcanvas]').click(function() {
 $('.row-offcanvas').toggleClass('active');
 });
 });

以下是一个工作示例http://jsfiddle.net/cwzcuw67/

赞赏任何类型的指针

Answer 1

我已经通过向红色按钮添加事件监听器来修复它。

$('.navbar-toggle') .click(function(){
  $('#sidebar').toggle();  // show/hide the sidebar
  $(this).find('i').toggleClass('fa-angle-right').toggleClass('fa-angle-left'); // toggle the angles in the red button
});

Updated jsFiddle Demo

可折叠的侧边栏，可最大限度地减少宽度> 1的设备的侧边。 768px

1 个答案: