Ich habe ein Bootstrap-Formular mit einigen Inline-Optionsfeldern und einer Bezeichnung. Ich würde das Etikett gerne in der gleichen Zeile wie die Schaltflächen belassen, aber ich scheine nicht in der Lage zu sein, dies zu erreichen. Hier ist mein Ansatz:

<form>
    <div class="control-group">
        <label class="control-label">Some label</label>
        <div class="controls">
            <label class="radio inline">
                <input type="radio" value="1"/>
                First
            </label>
            <label class="radio inline">
                <input type="radio" value="2"/>
                Second
            </label>
        </div>
    </div>
</form>

Geige:http://jsfiddle.net/GaDbZ/2/

Ich habe es auch versucht:

<form>
    <div class="form-inline">
        <label class="control-label">Some label</label>
        <label class="radio">
            <input type="radio" value="1"/>
            First
        </label>
        <label class="radio">
            <input type="radio" value="2"/>
            Second
         </label>
    </div>
</form>

Aber alles ist zusammengewürfelt. Geige:http://jsfiddle.net/GaDbZ/3/

Wie kann ich den horizontalen Abstand vom ersten mit dem vertikalen Abstand vom zweiten kombinieren?

Außerdem sollte ich beachten, dass im wirklichen Leben eine Menge anderer Dinge in der Form vor sich gehen, die ich nicht verwenden möchteform-horizontal weil es irre Ränder schafft, die nicht mit den anderen Sachen zusammenpassen, die ich da drin habe.