行内的Bootstrap列不同的渲染

Question

我有多行，我想以同样的方式排列。

<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文字与其他元素的排列不正确，如下图所示：

The site is HERE如果你想看到它的话。你能帮我弄清楚为什么造型在元素之间不一致吗？

Answer 1

更改（在你的style.css中）

.circle1, .circle3 {
    margin: 39px 0 41px;
}

到这个

.circle {
    margin: 39px 0 41px;
}

然后所有图像与右侧内容对齐