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>