Within .form-inline, label isn't on the same line as its .input-group

Created by: mihaistoie

Inline forms: Labels of input groups are placed above input fields

Html:

<form class="form-inline">
  <div class="form-group">
    <label for="exampleInputAmount">Amount </label>
    <div class="input-group">
      <div class="input-group-addon">$</div>
      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
    </div>
  </div>
  <div class="form-group">
    <label for="exampleInputAmount2">Amount </label>
      <input type="text" class="form-control" id="exampleInputAmount2" placeholder="Amount">
    </div>
  </div>
</form>

https://jsbin.com/jimoli/edit?html,output

OS: win7 64, browsers Firfox/IE/Chrome