bootstrap 模式与 mixitup 可过滤投资组合冲突

Question

我的可过滤投资组合有问题。

Mixitup 可过滤组合工作正常，但是当我将 link 添加到 bootstrap 模态并对其进行测试时，我组合中的所有图像都缩小为零并获得模态背景。但是没有任何显示。

怎么了？

这里是一个link文件夹: http://lmcdesign.dk/filterable_portfolio.zip

Answer 1

我也在做一个个人项目，我在其中使用了 Mixit 过滤器，并在其中尝试打开 Bootstrap 模态。我有同样的隐藏元素问题我在官方 git.

上找到了解决方案

Bootstrap 内部使用属性 data-toggle，这会干扰 MixItUp。

使用 selectors.control 配置选项指定一个额外的选择器来限制 MixItUp 控件。这可以是 class 名称或属性等

mixitup(container, {
selectors: {
    control: '[data-mixitup-control]'
}

}

<button type="button" data-mixitup-control data-filter=".red">Red</button>

蓝色排序说明

bootstrap modal conflicts with mixitup filterable portfolio