Open phlpedr opened 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; } } } }
Can confirm this plugin does not work in Bootstrap 4
Any prospect for this working in Bootstrap 4? I am not having any luck finding a responsive tabs plugin for v4.
@phlpedr would you be willing to post page source for a sample page? I cannot get this to work.
Any update on this? will it work with bootstrap 4?
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);
@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, can you post a simple example of how you got this to work with bootstrap v4.1.2?
@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
Nevermind. I got ti working now. Thanks!
@emage Would you mind posting the code you used for this? Thanks!
Any alternative plugins for Bootstrap 5?
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?