Bootstrap标签未正确对齐

Question

我注意到如果我在我的标签上放一个空格＆＃34;姓氏＆＃34;它没有按照我的意愿正确对齐。它被分成一个新的界限。我想要做的是水平对齐它们。我该怎么做？这是代码。

Refer to this

      <div class="modal-body">
        <div class="messages"></div>

          <div class="form-group">
            <label for="name" class="col-sm-2 control-label">Name</label>
            <div class="col-sm-10"> 
              <input type="text" class="form-control" id="name" name="name" placeholder="Name">

            </div>
          </div>

          <div class="form-group">
            <label for="lastname" class="col-sm-2 control-label">Last Name</label>
            <div class="col-sm-10"> 
              <input type="text" class="form-control" id="lname" name="lname" placeholder="LastName">

            </div>
          </div>

          <div class="form-group">
            <label for="address" class="col-sm-2 control-label">Address</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="address" name="address" placeholder="Address">
            </div>
          </div>
          <div class="form-group">
            <label for="contact" class="col-sm-2 control-label">Contact</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="contact" name="contact" placeholder="Contact">
            </div>
          </div>
          <div class="form-group">
            <label for="active" class="col-sm-2 control-label">Paid</label>
            <div class="col-sm-10">
              <select class="form-control" name="active" id="active">
                <option value="">~~SELECT~~</option>
                <option value="1">Yes</option>
                <option value="2">No</option>
              </select>
            </div>
          </div>                    

      </div>