jquery - Bootstrap 组合框破坏 CSS

Question

我在使用 Bootstrap 和 bootstrap-combobox JS 时遇到了一个奇怪的 CSS 问题。

期望的结果是在表中有一个按预期工作的选项。但是，当选择下拉菜单时，换行并且下拉菜单无法正确显示。

我已尝试使用常用的 Bootstrap CSS 文件，但仍然无法正确显示它。谁能指出我正确的方向？

谢谢

丹.

如预期http://imgur.com/GhsqViF

结果 http://imgur.com/Vns6QJd

CSS:

<div class="row">
<h1>Inline Form</h1>
<form class="form-inline">
<div class="form-group">
<select class="form-control">
<option value="" selected="selected">Select a State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
</select>
</div>
<div class="form-group">
<select class="combobox form-control" name="inline">
<option value="" selected="selected">Select a State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
</select>
</div>
</form>
</div>
</div>

Answer 1

我忘记说明组合框是在 Bootstrap 模式中使用的。解决方案是从模态 div 中删除 tabindex="-1"。

丹.