Javascript 垂直对齐-无法将显示表放在父级上

常见问题-垂直居中一个div，但我不能将“display:table”放在父div上

使用HTML层次结构引导3布局-我删除了php内容以使其更简单，所有div都是必需的

<article>

   <div id="post-<?php the_ID(); ?>">

      <div class="row">

         <div class="col-md-8 indx-img " style="background-image:url('...');">
         </div>

         <div class="col-md-4">

           <div class="text-cell">
             <h1>title</h1>
             <h3>category</h3>
           </div>

        </div>

      </div><!-- /#row -->

   </div><!-- /#post -->

</article>

---

我希望“文本单元格”在col-md-4中垂直对齐。我无法将display:table放在“article”上，因为它会破坏列布局。没有已知高度，文章高度基于填充：16%0；对于indx img类

你能做一个JSFIDLE来找到解决方案吗？似乎不能从外部引入引导框架。我用引导来升级你的JSFIDLE…问题：col-md-4和col-md-8的高度不一样我在和上加了边距和填充零。我的问题是-基于col-md-4或col-md-8的垂直中心。现在文本单元格使用col-me-4I的所有高度需要两个高度相同col-md-4和col-md-8应该是相同的高度我不确定如何做到这一点。我希望文本单元格居中于col-md-8i注意到您的小提琴和我的小提琴中的列不在彼此旁边引导程序使该列占据整个宽度并彼此相邻，col-md-4在左侧，col-md-8在右侧

article {
  position: relative;
  margin: 0; 
  padding: 0;
}

.indx-img {
  position: relative;
  padding: 16% 0;
}