javascript - 如何用按钮排列下拉菜单的内容 - bootstrap

Question

我正在尝试做一些我希望非常简单的事情。我只是想让一个下拉列表居中在页面上。问题是展开时内容与按钮不对齐。这是示例:http://jsfiddle.net/VCsAW/1/

Answer 1

在 CSS 中添加以下内容:

#settings {
    display: inline-block;
}

这将强制 #settings div 适应内容的大小并解析“偏移”下拉列表

工作示例:http://jsfiddle.net/VCsAW/8/

编辑

内容居中的原因是 text-align: center 用于使下拉菜单居中。要阻止这种情况发生在下拉菜单的内容中，您只需在 .dopdown-menu 中设置 text-align: center:

.dropdown-menu {
     text-align: left;    
}

工作示例:http://jsfiddle.net/VCsAW/12/