css - 如何使输入框和按钮在 bootstrap 中对齐？

Question

当使用 Twitter Bootstrap 2.1.0 并像这样使用 HTML 时:

<div class="row">
    <div class="span10">
        <form data-bind="submit: AddDepartment">
            <input type="text" class="input-large" placeholder="Department Name" />
            <button type="submit" class="btn">Add</button>
        </form>
    </div>
</div>

按钮与文本框不对齐。你可以看到它的 jsFiddle here .

让他们排队的正确 Bootstrap 方法是什么？

Answer 1

您需要像这样在表单元素中放置 form-inline 类:

<form data-bind="submit: AddDepartment" class="form-inline">

这是一个例子:http://jsfiddle.net/SufMb/