vtimbuc/bootstrap-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.

vtimbuc.dev

https://vtimbuc.dev

bootstrap-responsive-tabs's Issues

Tab UI Breaks up when is nested

When I tried to use it with rows and columns - is not working properly ... as a tab-accordion
Try my fiddle:
http://jsfiddle.net/vwmgj9ap/3/

Is same code as yours but inside of a row class div.
I tried also with a container class div.

Not working in modal

After initializing responsive tabs using $('.responsive-tabs').responsiveTabs({ accordionOn: ['xs'] }); and then display a modal, the tabs are not responsive in an 'xs' view.

Is re-initialization required after the modal is shown?

Active accordion header visible on tabs

In bootstrap navs.less this style creates problems:
.tab-content {
> .active {
display: block;
}
}

It is surpresses display: none:
.responsive-tabs-container .accordion-link {
display: none;
}

A fix to the problem is adding ".tab-content >" like:
.responsive-tabs-container .tab-content > .accordion-link {
display: none;
}

NPM installer

Can you add this to NPM ? I can send a PR with package.json file if you're interested.

Button loses Clicked event when is accordeon

One of my tabs contain a form and a panel with panel footer and inside of my panel footer a button .
I attached a click event to the button.
When I resize the window and the tab turns into accordion, the button loses his event.
When I resize it back to tab... the event is working

Here is the fiddle:
http://jsfiddle.net/vwmgj9ap/

All regards

Accordion panel won't close when clicked

I am having the same issue as wesearl91. When the accordion is loaded, if you click on a panel it will open, but if you click on it again it will not close. The normal bootstrap accordion functions this way, so not sure why this one is not. Any ideas?

Bower

Any possibility to add bower.json file please ? Plugin is very useful :)

Thank you.
Ivan

Tabs stay active after clicking through them when not responsive

When you apply the plugin to the nav-tabs list and click the tabs, they stay active even when you select another tab. This happens when the plug is not in 'responsive mode'.

Created a fiddle here.

Close open accordion on click/tap

At the moment if you click the active accordion it remains open, and almost refreshes. Is it possible to be able to close the accorddion on click, also how would you go about having the accordions automatically closed on mobile, until opened?

Please add a possibility to import plugin with ES6 modules.