jquery - Bootstrap : vertical align to bottom/same column height

Question

这是我的标记:

<div class="row partner">
    <div class="col-md-2 col-xs-2"><img src="/images/foo.jpg" class="img-responsive"></div>
    <div class="col-md-8 col-xs-8">
        <span class="name">Foo Item</span>Lorem ipsum dolor sit amet, consetetur sadipscing
            elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
            vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
            Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
            tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
        <a href="/details.php?id=11475">More<span></span></a></div>
    <div class="col-md-2 col-xs-2">
        <div class="price">Text</div>
    </div>
</div>

我想得到这个结果:

棘手的部分是:“更多”按钮和文本 block 都需要垂直对齐到底部..我不知道该怎么做(不使用 jquery)有什么想法吗？

Answer 1

你应该能够使用position:absolute..

.bottom {
  position:absolute;
  bottom:0;
}

http://www.bootply.com/4qREQQiNcD