Space between input-groups in bootstrap 3

twitter-bootstrap-3

Solution

You could use `form-group` to wrap the labels and inputs.

  <div class="form-group">
    <label class="control-label col-md-3">X:</label>
    <div class="input-group col-md-7">
      <input class="form-control" type="text">
      <span class="input-group-addon">m</span>
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-md-3">Y:</label>
    <div class="input-group col-md-7">
      <input class="form-control" type="text">
      <span class="input-group-addon">m</span>
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-md-3">Z:</label>
    <div class="input-group col-md-7">
      <input class="form-control" type="text">
      <span class="input-group-addon">m</span>
    </div>
  </div>

http://bootply.com/98919

Problem

What is the correct way to create a form with input like the one in the example with proper spacing between each input row? What am I missing here? http://bootply.com/98917

Original source