引导程序3中输入组之间的空间

Question

使用输入创建表单的正确方法是什么，例如示例中的每个输入行之间有适当的间距？

我在这里缺少什么？

http://bootply.com/98917

Answer 1

您可以使用form-group来包装标签和输入。

  <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