html - 如何减少表单水平 Bootstrap 中表单控件之间的空间？

Question

我有一个表格-水平

<div class="form-horizontal">
    <div class="form-group">
      <label class="control-label col-lg-6">Discount Terms</label>
      <div class="col-lg-3">
        <input type="text" class="form-control" />
      </div>
      <div class="col-lg-3">
        <input type="text" class="form-control" />
      </div>
    </div>
</div>

这是输出

我想减少两个输入之间的间距。我怎样才能做到这一点？

Answer 1

您可以向包含输入的列添加一个新类，例如称为“输入”。像这样:

 <div class="col-lg-3 input">
    <input type="text" class="form-control" />
  </div>

然后通过将左右填充定位到您需要的任何内容来设置宽度样式。

.input {
  padding-right: 0;  
  padding-left: 0;
}

Full Demo