18 02, 2020

Mixitup and Bootstrap Data Toggle Interference Solution

By | 2020-02-18T07:58:14+00:00 February 18th, 2020|Categories: Web Development|Tags: , , , |

If using Mixitup and Bootstrap data-toggle attributes on the same page, you will notice conflicts where the Mixitup “mixitup-control-active” class will be applied to all data-toggle references for a toggle button.

To remedy this, you can add the following code to your Mixitup buttons and Mixitup script.

Add this attribute to each button of the Mixitup buttons only.

data-mixitup-control=””

Example:

 

Next, add the following code to your Mixitup script.