ブートストラップの行と列を使用しているときに、別のdiv内でdivを垂直に整列する方法はありますか？

Question

ブートストラップを使用しているときに、左と右のdivを上下にどのように真ん中に置きますか？

<div class="test row"> 
    <div class="wrapper"> 
     <div class="left col-md-3"> 
      <label> Label</label> 
     </div> 
     <div class="right col-md-9"> 
      <input type="text" value="input" /> 
     </div> 
    </div> 
</div> 


    .test { 
     border: solid 1px; 

     .wrapper { 
      border: solid 1px brown; 
      display: inline-block; 
      vertical-align: middle; 

      .left { 
       border: solid 1px blue; 
      } 

      .right { 
       border: solid 1px red; 
      } 
     } 
    } 

私はこれを見てきましたが、それは、ブートストラップ、行と列では動作しません：css vertically align floating divs

Answer 1

.test { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
}