Css 如何将按钮与类btn和表单输入元素以及来自twitter引导的类表单控件对齐

我搜索了很多，在STACK上找到了一些参考资料，但我还是发布了这篇文章（这是一个“重复”的问题，但接受的答案在我的任何情况下似乎都不起作用）

堆栈链接：

我似乎无法显示与表单控件元素（输入文本）内联的按钮

我有三个版本的相同的东西

小提琴：

新标签：
添加



新标签：
按钮



新标签：
按钮

我发现了许多类似的想法和答案，但无论我做什么，它们都不起作用

我的小提琴：

---

有人能帮我吗？

您可以使用引导程序的列属性来指定您希望在

表单内联

中使用的布局，如下所示：

---

如果这是您希望所有输入/按钮对都具有的属性，我建议在LESS中使用

&:extend（）

和特定的

.input button

类，但这就是解决此问题的方法

要将按钮对齐到哪里？右边？也许把它放在输入旁边？哦，我明白了。我很感激。非常感谢。

<div class="form-inline col-xs-4">
    <label class="control-label">New Tag: </label>
    <input class="form-control"/>
    <button type="button" class="btn btn-primary">Add</button>
</div>

    <br/><br/>

<div class="form-horizontal col-xs-4">
    <label class="control-label">New Tag: </label>
    <input name="search" id="search" class="form-control"/>
    <button class="btn">button</button>
</div>

    <br/><br/>

<div class="input-append col-xs-4">
    <label class="control-label">New Tag: </label>
    <input name="search" id="search" class="form-control"/>
    <button class="btn">button</button>
</div>