3

クラスなどがあることは理解していますが、これによりいくつかの質問が生じ.form-inlineます。.form-horizontal

  1. これらは、ラベルが対応するテキストフィールド/チェックボックスなどにどのように配置されるかにのみ関連しているようです.それは正しいですか?
  2. 次のフォームを作成する必要があります。
    • 潜在的に多くのフィールドと
    • それらをブートストラップの 12 列のグリッドに合わせます。

各フィールドとそのラベルを で囲み、のようなクラス名divを付ける必要がありますか?divspan3

4

1 に答える 1

16

あなたの質問はあまり明確ではありません..とにかく答えようとします!
ページ全体で入力要素をどのように配置しますか?

2 つのフォームを作成する 2 つの HTML コード スニペットを次に示します。1 つ目は、すべての入力が同じ行にあるインライン フォームです。2 つ目は、フォームを 2 つの部分に分割する水平フォームです。左の部分はラベルを保持し、右の部分は入力要素を含みます。

<form class="form-inline">
    <label>Input One: </label><input type="text" placeholder="Input One" />
    <label>Input Two: </label><input type="password" placeholder="Input Two" />
    <input type="submit" value="Submit" />
</form>

<form class="form-horizontal">
    <fieldset>
        <div class="control-group">
            <label class="control-label" for="input1">Input One:</label>
            <div class="controls">
                <input id="input1" type="text" placeholder="Input One" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label">Input Two:</label>
            <div class="controls">
                <input type="text" placeholder="Input Two" />
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">Submit</label>
            <div class="controls">
                <input type="submit" value="Submit" />
            </div>
        </div>
    </fieldset>
</form>​

より具体的に教えていただければ、喜んでお手伝いさせていただきます。

于 2012-06-05T20:07:57.903 に答える