Cómo se alinean las etiquetas y campos de sólo lectura en una forma Bootstrap 2

Question

En arranque 2, ¿cuál es la forma recomendada de alinear las etiquetas y de sólo lectura campos de texto en una forma . El siguiente ejemplo de código crea campos desalineados:

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

Tenga en cuenta que puedo arreglar esto a mí mismo con CSS personalizado. Ese no es el problema. Parece una tontería que esto no sea incorporado, así que siento que debo estar pasando por alto algo.

Answer 1

Puede utilizar la entrada no editable

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

EDIT:

A partir del arranque 3.0 una clase ha sido añadido a manejar esta

Cuando es necesario colocar el texto normal, estático junto a una etiqueta de formulario dentro de una forma horizontal, use la clase .form-control-static en un <p>

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

Answer 2

Hay un truco. Puede utilizar <etiqueta> con la clase "casilla de verificación"

En su caso:

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