Mixitup and Bootstrap Data Toggle Interference Solution

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

Est. Read Time: ~Less Than a Minute

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.

 

About the Author:

Zedric Myers
Zedric Myers is a Web Designer for Beacon Technologies. After earning his degree in Advertising and Graphic Design, he spent 11 years with an advertising agency in Greensboro, NC where he was initially hired as a designer and transitioned to being a Web Developer.