48

ブートストラップ 2 で、ラベルと読み取り専用テキスト フィールドをフォームに並べる推奨される方法は何ですか。次のコード サンプルでは、​​整列されていないフィールドが作成されます。

<form class="form-horizontal">
    <fieldset>
        <legend>Sample</legend>    
        <div class="control-group">
            <label class="control-label">Readonly Field</label>
            <div class="controls">
                Lorem Ipsum and then some
            </div>
        </div>
    </fieldset>
</form>

カスタム CSS を使用して、これを自分で修正できることに注意してください。それは問題ではありません。これが組み込みではないのはばかげているように思えるので、何かを見落としているに違いないと感じています。

4

3 に答える 3

85

編集不可能な入力を使用できます

<span class="input-xlarge uneditable-input">Lorem Ipsum and then some</span>

編集：

ブートストラップ 3.0 以降、これを処理するクラスが追加されました。

水平フォーム内のフォーム ラベルの横に通常の静的テキストを配置する必要がある場合は.form-control-static、<p>

<div class="controls">
  <p class="form-control-static">Lorem Ipsum and then some</p>
</div>
于 2012-03-27T17:51:28.240 に答える
2

ハックがあります。クラス「checkbox」で <label> を使用できます

あなたの場合：

<div クラス="コントロール">
 <label class="checkbox">
     Lorem Ipsum といくつか
 </ラベル>
</div>
于 2013-07-05T10:12:48.730 に答える
0

ブートストラップ 4.0 以降、.form-control-staticクラスはクラスに置き換えられました.form-control-plaintext。

于 2019-10-29T16:44:12.367 に答える