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

发布时间：2020-12-18 00:11:45 所属栏目：安全来源：网络整理

导读：创建一个具有输入的表单的正确方法是在示例中，每个输入行之间具有适当的间距？我在这里缺少什么？ http://bootply.com/98917 解决方法您可以使用表单组来包装标签和输入。 div class="form-group" label class="control-label col-md-3"X:/label div clas

创建一个具有输入的表单的正确方法是在示例中，每个输入行之间具有适当的间距？

我在这里缺少什么？

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!