Question

我搜索了很多并发现了一些关于STACK的引用，但我仍然发布了这个（这是一个＆＃34;重复＆＃34;问题但是接受的答案似乎无法正常工作在我的任何情况下）

STACK LINK： bootstrap: align input with 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>

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

我的小提琴： http://jsfiddle.net/7Cu9w/9/

有人可以帮帮我吗？

Answer 1

您可以使用Bootstrap的列属性来指定您希望在.form-inline内的布局，如下所示：

JSFiddle。

如果您想要所有输入/按钮对的属性，我建议您在LESS中使用&:extend()和特定的.input-button课程，但是那个＆＃39 ;你将如何解决这个问题。

如何将具有类btn的按钮与表单输入元素与来自twitter bootstrap的类form-control对齐

1 个答案: