可编辑的组合框用于引导程序

Question

我试图使用下面的代码创建一个可编辑的组合框，它工作正常。 唯一的问题是插入符号显示在左侧而不是右侧。

<div class="input-append btn-group">
                            <input class="span2" id="appendedInputButton" size="16" type="text" value="Error Duration">
                            <ul class="dropdown-menu">
                                <li>Edit</li>
                                <li>Delete</li>
                                <li>Ban</li>
                            </ul>
                            <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
                                <span class="caret"></span>
                            </a>
                    </div>

Answer 1

三种解决方案：

1（推荐）：

删除btn-group类（此类会导致问题，因为.btn块内的每个btn-group都会浮动到左侧，而您的输入不会浮动。

2：

将pull-right课程添加到您的主播。

<a class="btn btn-primary dropdown-toggle pull-right" data-toggle="dropdown" href="#">
  <span class="caret"></span>
</a>

3：

input {
  float: left;
}