Объединить группы ввода и группы форм в бутстрап 3 горизонтальной формы

Я сделал jsfiddle с тремя входными элементами: http://jsfiddle.net/zb4dc/1/

Как вы можете видеть, они плохо выравниваются. Как это можно сделать?

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="inputfield1" class="col-sm-2 control-label">Input 1</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="inputfield1" placeholder="Input 1">
    </div>
  </div>
  <div class="form-group">
    <label for="inputfield2" class="col-sm-2 control-label">Input 2</label>
    <div class="controls">
      <div class="input-group">
        <input type="text" class="form-control" id="inputfield2" placeholder="Input 2">
        <span class="input-group-addon">.00</span>
      </div>
    </div>
  </div>
  <div class="form-group">
    <label for="inputfield3" class="col-sm-2 control-label">Input 3</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="inputfield3" placeholder="Input     3">
  </div>
</form>

<body> <div class="container"> <form class="form-horizontal" role="form"> <div class="form-group"> <label for="inputfield1" class="col-sm-2 control-label">Input 1</label> <div class="col-sm-10"> <input type="text" class="form-control" id="inputfield1" placeholder="Input 1"> </div> </div> <div class="form-group"> <label for="inputfield2" class="col-sm-2 control-label">Input 2</label> <div class="col-sm-10 controls"> <div class="input-group"> <input type="text" class="form-control" id="inputfield2" placeholder="Input 2"> <span class="input-group-addon">.00</span> </div> </div> </div> <div class="form-group"> <label for="inputfield3" class="col-sm-2 control-label">Input 3</label> <div class="col-sm-10"> <input type="text" class="form-control" id="inputfield3" placeholder="Input 3"> </div> </div> </form> </div> </body>

Ответ 1