Twitter bootstrap 旋转图标，位于编辑框旁边

我正在尝试创建一个编辑框，它旁边有一个小微调器，完成后，它将基于按钮单击显示，指示“忙”

编辑框和图标应使用100%的容器宽度（col-xs-12）

但是，在我当前的代码中，图标会出现在新的一行，编辑框的跨度为100%。这在引导中是可能的吗

<div class="well well-sm shadow">
    <div class="row">
        <div class="col-xs-12">
            <input type="search" onkeyup="doSearch(this.value)" class="form-control" /><img src="~/images/loader.gif" />
        </div>
        <div class="col-md-12 col-xs-12 col-sm-4 SearchResultsBox text-right">
            <button class="btn btn-sm btn-info" onclick="ViewSearchResult()">View</button>
        </div>
    </div>
</div>

看法

看法