Question

我正在尝试创建一个编辑框，旁边是一个小微调器，完成后会根据按钮点击显示，表示“忙”。

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

但是，使用我当前的代码，图标将换行，编辑框将覆盖100％。 Bootstrap可以实现吗？

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

Answer 1

＆＃13;

        <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="http://www.andrewdavidson.com/articles/spinning-wait-icons/wait24.gif" style="left:10px; position:absolute; z-index:1000;" />
            </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>

＆＃13;

旋转图标，编辑框旁边

1 个答案: