Boostrap - Form-Inline mit Label auf der linken Seite und Eingabe auf der rechten Seite

Question

Ich habe Inline-Formular, in dem ich für jede Zeile Label auf der linken Seite haben möchte, und Eingabe auf der rechten Seite. Ich habe versucht pull-right, align-right, text-right, aber keiner von ihnen funktioniert.

Fiddle is here !

Answer 1

Hier ist, was ich tue:

<style> 
    .form-group label{ 
     text-align: left!important; 
    } 
</style> 

<form action="" class="form-horizontal" method="post" role="form"> 
    <div class="form-group"> 
     <label class="col-md-2 control-label" for="FirstName">First name</label> 
     <div class="col-md-4"> 
      <input class="form-control" id="FirstName" name="FirstName" type="text" value="" /> 

     </div> 
    </div> 
    <div class="form-group"> 
     <label class="col-md-2 control-label pull-left" for="LastName">Last name</label> 
     <div class="col-md-3"> 
      <input class="form-control" id="LastName" name="LastName" type="text" value="" /> 

     </div> 
    </div> 
</form>