Masonry and BootStrap 3 下拉菜单

Question

我正在尝试在 BootStrap 3 下拉菜单中使用砌体。

我发现以下声明：

.dropdown-menu {
  display: none;
}

.open > .dropdown-menu {
  display: block;
}

导致与 Masonry 的冲突，因为它无法确定菜单的宽度和高度来组织其中的元素。

我发现如果我将上述声明更改为：

.dropdown-menu {
  visibility: hidden;
}

.open > .dropdown-menu {
  visibility: visible;
}

瞧 - 快乐的日子。问题是我无法更改 Bootstrap.css，因为它是从 prod 中的 CDN 提供的。

我试图在我的 custom.css 中重新声明，但是因为我使用的是可见性而不是显示。显示规则没有被覆盖。

有没有人有类似的经历，或者有什么建议我可以从 Bootstrap.css 中删除声明并使用我的 custom.css 中的声明？

Answer 1

如果您在引导后加载自定义 css 文件，则可以覆盖引导声明。然后你可以使用你需要的 css 选择器并用你自己的覆盖引导值。

Answer 2

看起来在这种情况下的答案是重新声明 .dropdown 类。

现在看起来运行良好。