基于Bootstrap网格系统的可折叠侧边栏特效|DEMO3_jQuery之家-自由分享jQuery、html5、css3的插件库

`#content` `.col-md-6` `.col-md-9` `.col-md-12`

Changes between .col-md-6, .col-md-9 and .col-md-12 as sidebars are toggled, making use of the available space.

#row-main {
  /* necessary to hide collapsed sidebars */
  overflow-x: hidden;
}

#content {
  /* for the animation */
  transition: width 0.3s ease;
}

When toggling a sidebar switches the class .collapsed on the sidebar container and finds the number of open sidebars to determine the appropriate class to apply to the #content container.

基于Bootstrap网格系统的可折叠侧边栏特效 Using the Bootstrap grid system, some CSS and a little jQuery to create a collapsible sidebar

`#sidebar-left`

`.col-md-3`

`#content` `.col-md-6` `.col-md-9` `.col-md-12`

`#sidebar-right`

`.col-md-3`

#sidebar-left .col-md-3

#content .col-md-6 .col-md-9 .col-md-12

#sidebar-right .col-md-3

`#sidebar-left`

`.col-md-3`

`#content` `.col-md-6` `.col-md-9` `.col-md-12`

`#sidebar-right`

`.col-md-3`