Steuern Sie die Radio-Tastenausrichtung

Question

Ich benutze das Framework Boostrap und ich möchte die Radio-Tasten Ausrichtung steuern.

Alle Beispiele, die ich gesehen habe, um eine reaktionsfähige Liste von Optionsfeldern anzuzeigen, verwalten die Ausrichtung nicht. Entweder verwendeten sie Etiketten mit derselben Größe oder mit einer festen Breite, die die Ausrichtung beibehalten, aber nichts reaktionsschnell.

Ich habe versucht, die Lösung unten zu verwenden, aber mit

http://jsfiddle.net/rm7n73ep/ `

<label class="radio-inline"> 
<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 
Radio button's label 2 

Kennt jemand, wie man die Eigenschaft für das Ansprechverhalten kombinieren und für eine korrekte Ausrichtung von Etiketten und Optionsfeld?

Vielen Dank für Ihre Antwort!

Answer 1

Fügen Sie den folgenden class

label{ 
      display: block; 
     } 

Answer 2

Überprüfen Sie, ob das hilft:

   <div class="form-group"> 
        <label class="col-md-5"> Your label </label> 
        <div class="col-md-7"> 
         <div class="col-md-6"> 
          <input type="radio" name="name1" value="0" checked/> 
          <label for="name1">Input 1</label> 

          <input type="radio" name="name2" value="1" /> 
          <label for="name2">Input2</label> 
         </div> 

        </div> 
       </div>