Wie kann Bootstrap die horizontalen Form Etiketten mit CSS kleiner machen?

Question

Bootstrap hat eine Menge examples for types of forms. Ich bin daran interessiert, die „horizontale Form“ zu verwenden, die wie diese Dieser

Picture.png http://img35.imageshack.us/img35/244/picturebm.png

aussieht, wie es aussieht, nachdem einige Elemente mit dem Web-Inspektoren Symbolleiste umreißt:

Picture 2.png http://img594.imageshack.us/img594/4681/picture2yn.png

I Ich arbeite in einem Popup Modal und Raum ist schon ein bisschen eng. Ich habe versucht, die Labels .span1 und .span2 des Bootstrap-Systems als eine Klasse hinzuzufügen, aber es gibt nicht das gewünschte Verhalten.

Gibt es eine Möglichkeit, einen anderen Aspekt des Bootstrap zu verwenden, um das gewünschte Verhalten zu erzielen (z. B. den Platzbedarf für Beschriftungen auf einer horizontalen Form zu erhöhen)? Was ist der richtige Weg, dies zu tun? Ich bin mit Bootstrap-Version 2.1

Answer 1

ich bin nicht bewusst, wenn Bootstrap etwas für it..below definiert bekommen hat ist eine Abhilfe ..

<div class="control-group"> 
<label class="control-label" style="width:auto" for="inputEmail">Email</label> 
<div class="controls" style="margin-left:auto"> 
<input type="text" class="input-small" id="inputEmail" placeholder="Email"> 
</div> 
</div> 

i hinzugefügt style="width:auto" des Standard 140px und style="margin-left:auto" war der Standard war 160px. class="input-small" auch die Eingabefeldbreite zu reduzieren mehr Platz zu verdrängen, so dass es in modalen passt ..

Jetzt optimieren Sie weiter, um es fit nach Ihren Bedürfnissen ..