3

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を見ることができます。

それらを整列させるための適切なブートストラップ方法は何ですか？

4

2 に答える 2

6

form-inline次のように、フォーム要素にクラスを配置する必要があります。

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

次に例を示します：http：//jsfiddle.net/SufMb/

于 2012-09-10T18:52:04.390 に答える
1

このコードを試してください

<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>
于 2012-09-10T18:54:15.150 に答える