twitter-bootstrap - bootstrap - asterisco campo obligatorio

Cómo alinear etiquetas y campos de solo lectura en un formulario Bootstrap 2

Question

En bootstrap 2, ¿cuál es la forma recomendada de alinear etiquetas y campos de texto de solo lectura en un formulario ? 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 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

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

En tu caso:

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

Answer 2

Puedes usar la entrada no editable

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

EDITAR:

A partir de bootstrap 3.0, se ha agregado una clase para manejar esto

Cuando necesite colocar texto regular, estático al lado de una etiqueta de formulario dentro de una forma horizontal, use la .form-control-static en un <p>

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