web-dev-qa-db-ja.com

Bootstrap 2形式でラベルと読み取り専用フィールドを並べる方法

bootstrap 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でこれを自分で修正できることに注意してください。それは問題ではありません。これはビルトインではないのはばかげているように思えるので、何かを見落としているように感じます。

twitter-bootstraptwitter-bootstrap-2
47
batkuip

編集できない入力を使用できます

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

編集：

bootstrap 3.0の時点で、これを処理するクラスが追加されました

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

<div class="controls">
  <p class="form-control-static">Lorem Ipsum and then some</p>
</div>
85
chris vdp

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

あなたの場合：

 <div class = "controls"> 
 <label class = "checkbox"> 
 Lorem Ipsum、次にいくつかの
 </ label> 
 </ div>
2
XuDing