Twitter bootstrap 简单引导控制水平对齐

我错过了一些关于引导的东西。 我想要一个标签/输入/按钮组合，右键按下，全部放在桌子上方的一行中

它应该保持相同的大小，水平堆放成一排，直到它太小而无法容纳为止

当我使用col-*-n时，输入将填充div的整个宽度，从而导致元素（标签和按钮）换行

我不想做的是将标签、按钮和输入字段分别放在各自的列中，因为这样会产生难看的不均匀间隙

我的意思是，使用display:inline块确实很简单

我在文档中缺少这种样式吗

以下是我的简单建议：

过滤器：
X

我想你应该使用

表单内联

而不是

表单横向

以前的代码：
过滤器：
X
新代码
注意：根据Bootstrap，控件仅在宽度至少为576px的视口中内联显示，以说明移动设备上的窄视口

过滤器：
X

这里有一个选项：您可以对表单使用，然后在

col-sm-12

中向右浮动（

float sm right

）

正文{
填充顶部：25px；
}

滤器
X
#
名字
姓
用户名
1.
做记号
奥托
@mdo
2.
雅各布
桑顿
@肥
3.
小鸟拉里
@推特

<form class="form-horizontal" role="form">
    <div class="row">
        <div class="col-sm-4 offset-sm-4">
            <div class="form-group pull-right">
                <label for="usr">Filter:</label>
                <input type="text" class="form-control">
                <button type="button" class="btn btn-default" ng-click='clear()'>X</button>
            </div>
        </div>
    </div>
</form>