带按钮的搜索框（Bootstrap 3）

Question

我想创建一个带有按钮的搜索框，就像这样：

但只是在页面的右侧。所以我把拉右，这就是我的代码：

<form action="/hms/accommodations" method="GET">            
<div class="input-group pull-right">
   <input type="text" class="form-control" placeholder="Search" id="txtSearch"/>
   <div class="input-group-btn pull-right">
        <button class="btn btn-primary" type="submit">
        <span class="glyphicon glyphicon-search"></span>
        </button>
   </div>
   </div>
</form>

当我试图运行它时，它的样子如下：

为什么这样对齐？我希望有一个人可以帮助我。谢谢。

Answer 1

从@logout_required

中删除右拉课程

＆＃13;

＆＃13;

<div class="input-group-btn pull-right">

＆＃13;

＆＃13;

＆＃13;

Answer 2

尝试添加（float：left）到表单控件。我希望它能奏效。

Answer 3

<div class="col-md-5">
                        <div class="search-box">
                         <input type="search" class="form-control ds-input" id="search-input"
                                placeholder="Search..." autocomplete="off" spellcheck="false" role="combobox"
                                aria-autocomplete="list" aria-expanded="false"
                                aria-owns="algolia-autocomplete-listbox-0"
                                style="position: relative; vertical-align: middle;" dir="auto">
                        </div>
                    </div>