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/

Answer 2

试试此代码

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

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

2 个答案: