bootstrap-responsive-tabs icon indicating copy to clipboard operation
bootstrap-responsive-tabs copied to clipboard

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

Open phlpedr opened this issue 7 years ago • 12 comments

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 avatar Jul 07 '17 09:07 phlpedr

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; } } } }

phlpedr avatar Jul 11 '17 15:07 phlpedr

Can confirm this plugin does not work in Bootstrap 4

bhartvigsen avatar Sep 06 '17 13:09 bhartvigsen

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

robbrandt avatar Sep 28 '17 21:09 robbrandt

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

robbrandt avatar Sep 30 '17 23:09 robbrandt

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

absarakram avatar Oct 25 '17 15:10 absarakram

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);

Wooody82 avatar Feb 14 '18 22:02 Wooody82

@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.

harnishdesign avatar Aug 16 '18 11:08 harnishdesign

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

ghost avatar Oct 31 '18 22:10 ghost

@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 avatar Mar 05 '19 23:03 emage

Nevermind. I got ti working now. Thanks!

emage avatar Mar 07 '19 00:03 emage

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

evanprimacy avatar Jan 29 '20 15:01 evanprimacy

Any alternative plugins for Bootstrap 5?

salimwbs avatar Aug 19 '21 08:08 salimwbs