twitter-bootstrap - 如何使下拉按钮中的文本居中

Question

如何使用 Bootstrap-select 将文本居中放置在下拉按钮的选定选项中？

当下拉菜单被激活时，我确实设法将所有选项居中，但仍然不知道如何将所选选项居中。

查看 Bootstrap-Select 中的按钮, 按钮中所有选中的选项都向左浮动。

谢谢。

Answer 1

要使所有选项居中，请使用此 css

.bootstrap-select.btn-group .dropdown-menu li > a {
    text-align: center;
}

要居中选择的选项，使用这个

.bootstrap-select.btn-group .btn .filter-option {
    text-align: center; /* to override text-align: left; */
}

演示:http://jsfiddle.net/yvpsb/