A simple jQuery plugin that switches the default bootstrap tabs to accordions on the viewports that you choose to.
npm install bootstrap-responsive-tabsbootstrap-responsive-tabs
=========================
"Bootstrap Responsive Tabs" is a simple jQuery plugin that switches the default bootstrap tabs to accordions on the viewports that you choose to.
Demo: http://vtimbuc.github.io/bootstrap-responsive-tabs/
Load the required css file in <head> and js file before </body>:
`` html`
Then call the plugin:
` js`
$('.responsive-tabs').responsiveTabs({
accordionOn: ['xs', 'sm'] // xs, sm, md, lg
});
The tabs markup is the same as bootstrap's without the data-toggle attribute, you only need to add a class to .nav-tabs:
` html
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
2. Lorem ipsum dolor sit amet, consectetur adipisicing elit.