无法使用 Bootstrap 多级下拉菜单使最大宽度工作 [重复]

Question

我有一个多级 Bootstrap 下拉菜单，如 this bootsnipp 所示。

就我而言，在某些情况下，菜单项可能会很大。所以我需要设置一个max-width（比如说，400px）。另外，我不希望菜单项被剪切，所以我也必须使用white-space: normal。问题是我的max-width 被完全忽略了。如果我设置width，它确实有效。但我不希望这样，因为我可能有菜单，其中整个菜单的空间比宽度小得多。这就是为什么我需要max-width 而不是宽度。

有什么想法可以根据我的需要制作这样的级联菜单吗？

提前非常感谢

Answer 1

将此添加到您的 CSS 文件中。

.dropdown-menu>li>a {
    white-space: normal;
    max-width:200px;
}

这会将每个锚元素的最大宽度（在本例中）设置为 200 像素。

如果您选择的尺寸小于 160 像素，则必须设置下拉菜单类的最小宽度，因为它的最小宽度为 160 像素。

.dropdown-menu {
    min-width:110px;
}