javascript - 由于列大小相等，引导程序网格在引导程序 4 中未正确对齐

Question

我在表单上的反应应用程序中使用了基本的引导网格系统。网格通过地图功能动态呈现。我正在使用引导程序 4

我想将“客户电话 4”放在“客户电话 1”下，但由于列中的高度选项相同，它不会自动调整，所以要删除我将类名“align-items-start”添加到删除的行 div额外的空间，但它没有调整。（参考样本）

渲染的代码看起来像这样。

<div className='row align-items-start'>
 <div className='col-md-6 pb-4'>
  label
  <div className="row">
   <div className="col-12">input</div>
   <div className="col-12">input</div>
   <div className="col-12">input</div>
   <div className="col-12">input</div>
  </div>
 </div>
<div className="col-md-3 pb-4">input</div>
<div className="col-md-3 pb-4">input</div>
<div className="col-md-3 pb-4">input</div>
<div className="col-md-6 pb-4">input</div>
</div>

样本

标签： javascriptreactjstwitter-bootstrapgridalignment