Bootstrap 3.0垂直对齐内部列

Question

我有一个Bootstrap 3布局，结构如下：

UsErNaMe

这是我使用CSS的自定义：

<div class="row row-full">
     <div class="col col-lg-6 col-md-12">
          <div class="row row-middle">
               <h1>Some Title</h1>
               <h3>SubTitle</h3>
          </div>
          <div class="row row-bottom">
               <h1>Some Title</h1>
               <h3>SubTitle</h3>
          </div>
     </div>
</div>

我最终在大屏幕上使用了以下布局：

.row-full{
     height:100%;
}

.row-full .col{
     height:100%;
}

.row-bottom, .row-middle{
     height:50%;
}

因此，在我的布局中，主行占用屏幕的100％，同样适用于列。每个子行占据高度的50％，但我还需要能够在列内设置垂直对齐，因为它是响应式布局。 我尝试使用FlexBox，但它弄乱了我的网格系统。 使用Bootstrap 3.0的正确方法是什么？ 我需要的是能够垂直对齐行内的内容。