Jak wyrównać etykiety i tylko do odczytu pola w formularzu

Question

Bootstrap 2

W bootstrap 2, co zalecany sposób od kolejce etykiety i tylko do odczytu pola tekstowe w formie. Poniższy przykładowy kod tworzy niewspółosiowe pola:

<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> 

Pamiętaj, że sam mogę to naprawić niestandardowym CSS. To nie jest problem. To po prostu wydaje się głupie, że to nie jest wbudowane, więc czuję, że muszę coś przeoczyć.

Answer 1

Można użyć wejścia zablokowany do edycji

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

EDIT:

Od bootstrap 3,0 klasa został dodany do obsługi tego

Kiedy trzeba umieścić regularną, tekst statyczny obok etykiety formularza w formie poziomej użyj klasy .form-control-static na <p>

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

Answer 2

Istnieje hack. Można użyć < etykietę > z klasą "checkbox"

W twoim przypadku:

 
<div class="controls"> 
<label class="checkbox"> 
    Lorem Ipsum and then some 
</label> 
</div>