在引导列中对齐图像

时间:2014-03-21 10:57:41

标签: html css twitter-bootstrap

我使用Bootstrap并且我遇到了CSS问题。我试图对齐列,以便每列内的图像具有相同的底线,而不是顶部。我已经尝试了我能想到的一切,但似乎没有任何效果。任何人都可以帮我正确对齐图像吗?那么图像的底部都匹配了吗?

<div class="container marketing">
  <!-- Sponsors logos-->
  <div class="row featurette lastNew">
    <div class="col-lg-4">
      <img class="img-responsive midjasponsora" alt="1496x613" src="images/logos/Platinum/image1.png">
    </div>
    <div class="col-lg-4">
      <img class="img-responsive" alt="180x52" src="images/logos/Platinum/image2.png">
    </div>
    <div class="col-lg-4">
      <img class="img-responsive"  alt="283x66" src="images/logos/Platinum/image3.png">
    </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:2)

我找到了答案。 我把这个课放在了专栏上,就是这样。

.vcenter {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}