Bootstrap 4 引导网格中输入的高度

Bootstrap 4 引导网格中输入的高度,bootstrap-4,Bootstrap 4,我使用的是Bootstrap4,我对表单中某些输入字段的高度有一些问题。表单布局基于引导的网格。除非屏幕太小,否则每个输入都会与其左侧的标签配对,在这种情况下,所有表单内容都会垂直堆叠。如果标签足够长,它将在多行中拆分,但如果发生这种情况,则同一行上所有输入的高度都会增加。有没有一种方法可以通过引导类来固定输入的高度 备注:我知道如何修复CSS,我想知道是否有一种只使用引导的方法 一个例子 标签1 1. 标签2很长,可以占据超过一行 2. 只需从输入周围的列中删除输入组 <div c

我使用的是Bootstrap4,我对表单中某些输入字段的高度有一些问题。表单布局基于引导的网格。除非屏幕太小,否则每个输入都会与其左侧的标签配对,在这种情况下,所有表单内容都会垂直堆叠。如果标签足够长,它将在多行中拆分,但如果发生这种情况,则同一行上所有输入的高度都会增加。有没有一种方法可以通过引导类来固定输入的高度

备注:我知道如何修复CSS,我想知道是否有一种只使用引导的方法

一个例子

标签1 1. 标签2很长,可以占据超过一行 2. 只需从输入周围的列中删除输入组

  <div class="form-group row">
    <label class="col-form-label col-sm-3" for="input1">Label 1</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="input1">
    </div>
  </div>
  <div class="form-group row">
    <label class="col-form-label col-sm-3" for="input2">Label 2 is very long and could occupy more than 1 row</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="input2">
    </div>
  </div>
只需将输入组col sm-*div拆分为嵌套div

标签1 1. 标签2很长,可以占据超过一行 2.
对不起,我应该添加一个更复杂的示例。事实上,我需要类输入组,因为在我的项目中,我在输入组中的输入之后添加了一个span。我会尽快更新示例,因为我现在不在电脑前。