css - 如何正确居中对齐 Bootstrap 下拉菜单？

Question

我知道我可以使用 text-align: center CSS 样式将 Bootstrap 下拉元素居中。这会根据需要使下拉菜单居中。但是，当我单击菜单将其激活并出现元素列表时，它反而与父级 div 的左侧对齐。我想让下拉菜单的左边缘与您单击以激活它的按钮的左边缘齐平(就像默认情况下下拉菜单向左对齐一样)。这可能吗？

This is a JSFiddle that demonstrates the issue I'm having.

Answer 1

您可以按如下方式更改dropdown 类

.dropdown{ margin: 0 auto; display: table; }

如果您不想为元素设置特定的宽度。