twitter-bootstrap-3 – 引导程序中输入组之间的空格3

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap-3 – 引导程序中输入组之间的空格3前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
创建一个具有输入的表单的正确方法是在示例中,每个输入行之间具有适当的间距?

我在这里缺少什么?

http://bootply.com/98917

解决方法

您可以使用表单组来包装标签和输入。
<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

猜你在找的Bootstrap相关文章