html - Bootstrap 将图像底部与 Div 底部对齐

Question

我正在使用 Bootstrap 的响应式网格:

<div class="row-fluid">
    <div class="span5 offset1">
        <div class="row-fluid">
            <div class="span6">
                <img class="img-polaroid" src="http://placehold.it/480x300">
            </div>
            <div class="span6">
                <img class="img-polaroid" src="http://placehold.it/480x300">
            </div>
        </div>
    </div>
    <div class="span5">
        <p>
            long content here
        </p>
    </div>
</div>

如何将图像的底部与长 paragraph 的底部对齐？ http://bootply.com/73592

Answer 1

这是你想要的吗？

<div class="row-fluid">
    <div class="span5 offset1">
        <div class="row-fluid">
            <div class="span6">
                <img class="img-polaroid" src="http://placehold.it/480x300">
            </div>
            <div class="span6">
                <img class="img-polaroid" src="http://placehold.it/480x300">
            </div>
        </div>
        <div class="row-fluid">
          <div class="span12">
            long content here 
          </div>
        </div>
    </div>
</div>