如何使用按钮 - 引导程序排列下拉列表的内容

Question

我正在尝试做一些我希望非常简单的事情。我只想在页面上设置一个下拉列表。问题是当它被扩展时，内容没有与按钮对齐。以下是示例：http://jsfiddle.net/VCsAW/1/

Answer 1

在CSS中添加以下内容：

#settings {
    display: inline-block;
}

这会强制#settings div符合内容的大小并解决'偏移'下拉列表

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

修改

内容居中的原因是由text-align: center用于居中下拉菜单。要在下拉菜单的内容中停止此操作，您只需在text-align: center中设置.dopdown-menu：

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

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