Question

我正在开发 bootstrap 表单，但它不能正常工作，row space无效，我该如何解决？我需要在这些行中留出空间，请帮我修复它。我正努力做但不工作提前谢谢。

请查看此链接：

<div class="form-group">
  <div class="col-md-3">
    <label class="control-label" style="font-family:Arial, Helvetica, sans-serif; font-size:13px;">Company<b style=" color:#ff0000;">*</b>
    </label>
  </div>

  <div class="col-md-3">

    <input id="firstname" class="form-control input-group-lg reg_name" type="text" name="firstname" title="Enter first name" placeholder="First name">
  </div>

  <div class="col-md-3">
    <label class="control-label" style="font-family:Arial, Helvetica, sans-serif; font-size:13px;">Godown Code<b style=" color:#ff0000;">*</b>
    </label>
  </div>
  <div class="col-md-3">

    <input id="lastname" class="form-control input-group-lg reg_name" type="text" name="lastname" title="Enter last name" placeholder="Last name">
  </div>

  <div class="form-group">
    <div class="col-md-3">
      <label class="control-label" style="font-family:Arial, Helvetica, sans-serif; font-size:13px;">Godown Code<b style=" color:#ff0000;">*</b>
      </label>
    </div>

    <div class="col-md-3">

      <input id="firstname" class="form-control input-group-lg reg_name" type="text" name="firstname" title="Enter first name" placeholder="First name">
    </div>

    <div class="col-md-3">
      <label class="control-label" style="font-family:Arial, Helvetica, sans-serif; font-size:13px;">Godown Code<b style=" color:#ff0000;">*</b>
      </label>
    </div>
    <div class="col-md-3">

      <input id="lastname" class="form-control input-group-lg reg_name" type="text" name="lastname" title="Enter last name" placeholder="Last name">
    </div>

  </div>

  <div class="col-md-3">
    <label class="control-label" style="font-family:Arial, Helvetica, sans-serif; font-size:13px;">Godown Code<b style=" color:#ff0000;">*</b>
    </label>
  </div>

  <div class="col-md-3">

    <input id="firstname" class="form-control input-group-lg reg_name" type="text" name="firstname" title="Enter first name" placeholder="First name">
  </div>

</div>

</div>
</form>

Answer 1

根据您的问题，您应该给出以下css。它会在行之间留出适当的空间。

.col-md-3 {
    padding: 5px 15px;
}

<强> Updated Fiddle

Answer 2

请检查bootstrap表单控件。

在处理表单时如何在两行引导程序之间留出空间

2 个答案: