Bootstrap在一行和一列中垂直居中多个项目

Question

所以我在一行的右侧6列bootstrap中有一个h1和h2。我需要让h1和h2在该行中垂直居中，因为它们旁边有一个图像。我尝试了多种方法，而且大多数似乎打破了bootstrap的响应式设计。

我已经尝试了所有常用的方法，包括使父表成为表，div成为单元格，并以此方式居中。还尝试了vertical-align：middle;，以及一些特定于bootstrap的策略，例如text-vcenter。

这是正文内容：

    <div class="container">
        <div class="row text-center">
            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <img class="home-main-logo" src="#">
            </div>

            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 home-brand-text">
                <div class="home-brand-text-inner">
                 <h1>Header 1</h1>
                 <h2>Header 2</h2>
                </div>
            </div>



        </div>


<a class="back-to-top" href="#">back to top</a>
    </div>

所以我需要最简单的方法来垂直居中h1和h2，而不会破坏Bootstrap的响应式设计。