Bootstrap 4 这一排的孩子身高不一样

我正在使用flexbox的bootstrap 4，我不明白为什么我的物品大小不一样。左侧的div大于右侧的div。我怎样才能解决它

<div class="row mb-0 pb-0 d-flex" style="border:1px solid red;">
  <div class="col-sm-8 mb-0 pb-0" style="border:1px solid blue;">
    <div class="md-form mt-4">
      <textarea type="text" id="objetivo_especifico" class="md-textarea form-control" formControlName="objetivo_especifico"></textarea>
      <label for="objetivo_especifico">Objetivo Específico</label> 
    </div>
  </div>
  <div class="col-sm-4 flex-center" style="border:1px solid blue;">
    <a  class="m-0"     class="btn-pin waves-light animated mr-8 bola_roja p-0 m-0" >Holi
    </a>
  </div>
</div>

特别目的

第二个div是.row类的子类，它的高度与其大小有关。我希望它具有与div相同的高度和更高的高度，在本例中，它是左侧的div。
最新版本的引导是4.2.1。您使用的是alpha版本，这意味着它可能不稳定，并且可能会有很多bug，这些bug在以后的版本中已经修复。Flexbox已修复，现在的行为应符合预期

有关更多信息，请访问IF网站

请参见下面的代码片段：



特别目的
胡里
您使用的是引导4的pre-flexbox版本。使用最新版本，或alpha 6之后的版本。如果使用最新版本的引导，则列的高度始终为行的100%。旁注，检查您添加的类，因为其中一些类不是必需的，例如，您不需要将d-flex添加到行，因为行已经显示为flex。