Twitter bootstrap 带按钮的搜索框（引导3）

我想创建一个侧面带有按钮的搜索框，如下所示：

但就在这一页的右边。所以我把向右拉，我的代码是这样的：

<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>

当我试着运行它时，它看起来是这样的：

---

为什么路线是这样的？我希望有人能帮助我。谢谢。

从

尝试将（浮动：左）添加到表单控件。我希望它能起作用。

<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>

基本上输入组中不需要拉右类当我尝试时，搜索框变为全尺寸，我编辑我的问题，先生。输出是全尺寸的，先生，它不在右侧。我只是移除了右拉按钮。只是在

中添加了右拉按钮，效果很好。谢谢您的帮助，先生。删除一个col-md-4:-PI did先生。：）非常感谢。我将在我的引导css中添加它？但当我使用表单控件时，它将位于左侧。