Бутстрэп-колонны внутри ряда разных визуализаций

У меня есть несколько строк, которые я бы хотел выстроить так же.

<div class="row">
  <div class="col-md-3">
    <a href="#"><div class="img-circle index circle partner-circle box-shad"></div></a>
  </div>

  <div class="col-md-9">
      <a href="#"><h2 class="partner-heading">Stuff </h2></a>
      <hr />
      <p class="lead">This is some text</p>
  </div>
</div> <!-- row -->

Но текст h2 не выстраивается правильно по отношению к другим элементам, как показано на этом рисунке:

Сайт ЗДЕСЬ, если вы хотите его увидеть вживую. Можете ли вы помочь мне понять, почему стиль несовместим между элементами?