javascript - 如何将下拉菜单的内容与按钮对齐 - 引导程序

Question

我正在尝试做一些我认为非常简单的事情。我只是想要一个以页面为中心的下拉列表。问题是当它展开时，内容没有与按钮对齐。这是示例：http: //jsfiddle.net/VCsAW/1/

Answer 1

在 CSS 中添加以下内容：

#settings {
    display: inline-block;
}

这将强制#settingsdiv 适应内容的大小并解析“偏移”下拉菜单

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

编辑

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

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

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