如何在引导程序中创建输入框和按钮？

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 .

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

Answer 1

您需要将form-inline类放在表单元素中,如下所示:

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

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