openam / bootstrap-responsive-tabs

Bootstrap responsive tabs are tabs that switch to collapsible components (accordions) when resized.
openam.github.io/bootstrap-responsive-tabs
MIT License
132 stars 60 forks source link

The plugin doesn't work with Bootstrap v4.0.0-alpha.6 #69

Open phlpedr opened 7 years ago

phlpedr commented 7 years ago

The plugin doesn't work correctly with v4.0.0-alpha.6. The accordion is shown in addition to the tabs on big viewport sizes and the tabs don't hide on small viewport sizes. Can someone help me?

phlpedr commented 7 years ago

I fixed it with these adjustments: @mixin d-none { display: none !important; } @mixin d-block { display: block !important; } @mixin d-flex { display: flex !important; } .panel-group { &.responsive { &.hidden-xs.hidden-sm { @include media-breakpoint-down(sm) { @include d-none; } @include media-breakpoint-up(md) { @include d-block; } } &.visible-xs.visible-sm { @include media-breakpoint-down(sm) { @include d-block; } @include media-breakpoint-up(md) { @include d-none; } } } }

bhartvigsen commented 7 years ago

Can confirm this plugin does not work in Bootstrap 4

robbrandt commented 7 years ago

Any prospect for this working in Bootstrap 4? I am not having any luck finding a responsive tabs plugin for v4.

robbrandt commented 7 years ago

@phlpedr would you be willing to post page source for a sample page? I cannot get this to work.

absarakram commented 6 years ago

Any update on this? will it work with bootstrap 4?

Wooody82 commented 6 years ago

Hi, I have made some changes for latest Bootstrap 4.0.0 responsive-tabs.js.zip

And used this to show and hide between sm and md. (function($) { fakewaffle.responsiveTabs(['sm','md']); })(jQuery);

harnishdesign commented 6 years ago

@malasaad82 I have try your code with bootstrap v4.1.2. and it is working good. Just does create one issue. It does display only fist collapse content in accordion (responsive mode). It does not display other collapse content. can you please any fixed. I have try but no luck.

ghost commented 5 years ago

@harnishdesign, can you post a simple example of how you got this to work with bootstrap v4.1.2?

emage commented 5 years ago

@malasaad82 and @harnishdesign Did you guys ever get the data-parent working? Using your edited script - I cannot open only one at a time - like if one is open the rest are closed etc like how data-parent should work. Just can't get it working on this script. Thanks

emage commented 5 years ago

Nevermind. I got ti working now. Thanks!

evanprimacy commented 4 years ago

@emage Would you mind posting the code you used for this? Thanks!

salimwbs commented 3 years ago

Any alternative plugins for Bootstrap 5?