将输入组在Bootstrap网格中垂直居中

Question

我有一个简单的网格系统，其中有一个输入组作为导航栏。以后我想添加其他元素。
我试图花费几个小时才能将输入组放在行中央（垂直）。实现这一目标的正确和现代的方法是什么？

<div class="container">
<div class="row row1">
    <div class="navbar-logo col-sm-2">
        <h1><span class="largenav">Title</span></h1>
    </div>
    <div class="navbar-searchbar col-sm-10">
        <div class="input-group">
          <input type="text" class="form-control" placeholder="What are you looking for?">
          <div class="input-group-append">
            <button class="btn btn-outline-secondary" type="button">Search</button>
          </div>
        </div>
    </div> 
  </div>
</div>