6

彼らは、通常の入力テキストフォームのマークアップの例を提供しています。

<form class="form-horizontal">
  <fieldset>
    <legend>Legend text</legend>
    <div class="control-group">
      <label class="control-label" for="input01">Text input</label>
      <div class="controls">
        <input type="text" class="input-xlarge" id="input01">
        <p class="help-block">Supporting help text</p>
      </div>
    </div>
  </fieldset>
</form>

しかし、どうすれば私は次のようなものを手に入れることができますか

ここに画像の説明を入力してください

マークアップが選択リストを検索する方法について少し混乱しています。ありがとう！

4

3 に答える 3

12

ブートストラップ 2.3.2:

<form class="form-horizontal">
    <fieldset>          
        <div class="control-group">
            <label class="control-label">Select:</label>
            <div class="controls">
                <select>
                    <option value="1">Option 1</option>
                    <option value="2">Option 2</option>
                    <option value="3">Option 3</option>
                </select>
            </div>
        </div>
    </fieldset>
</form>

ブートストラップ 3.x:

<form role="form" class="form-horizontal">
    <fieldset>
      <div class="form-group">
        <label class="col-sm-2 control-label">Select:</label>
        <div class="col-sm-3">
            <select class="form-control">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </div>
      </div>
    </fieldset>
</form>

col-sm-2col-sm-3それに応じて変更できる幅を定義します。Bootstrap サイトの Grid システムを見て、さまざまなバリエーションを確認してください。

お役に立てれば

于 2012-05-23T02:00:23.653 に答える