Wie Etiketten in einer Reihe aufstellen und schreibgeschützten Felder in einer Bootstrap 2 bilden

Question

In Bootstrap 2, was ist der empfohlene Weg von Etiketten Schlange und schreibgeschützten Textfelder in einer Form. Der folgende Beispielcode erzeugt falsch ausgerichtete Felder:

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

Bitte beachte, dass ich dieses Problem beheben kann mich mit benutzerdefinierter CSS-up. Das ist nicht das Problem. Es scheint einfach albern, dass das nicht eingebaut ist, also habe ich das Gefühl, dass ich etwas übersehen muss.

Answer 1

Sie können den uneditable Eingang

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

EDIT:

Ab Bootstrap 3.0 eine Klasse hinzugefügt wurde, um diesen

zu behandeln Wenn Sie regelmäßig, statischen Text platzieren müssen neben einem Formular-Etikett innerhalb einer horizontalen Form, verwenden Sie die .form-control-static Klasse auf einem <p>

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

Answer 2

Es gibt einen Hack. Sie können <Label> mit Klasse "Checkbox"

In Ihrem Fall verwenden:

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