html - Bootstrap Columns inside Row 不同效果图

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;
}

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