Boostrap - 左にラベルがあり、右に入力されたフォームインライン

Question

私はインラインフォームを使用しています。各行に対して、左側にラベルを付け、右側に入力したいと思います。私はpull-right、align-right、text-rightを試しましたが、それらのどれも動作しません。ここで

Fiddle is here !

Answer 1

私は何をすべきかです：

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