Html 使用bootstrap将一张照片放到其他照片的底部

我是新的html和引导，我需要一些帮助。我有一张100%的照片在一个分区col-lg-12中，我想把另一个分区的照片放在左边，一个段落放在右边

第二个div我想在第一张图片的底部居中。我是如何制作html和引导的第二个div在图片结束后出现的。我希望sec div的整个高点位于图片底部，而不是图片结束后

我尝试了绝对位置，但没有反应。请有人给我一个主意

HTML

Lorem ipsum dolor sit amet，是一位杰出的献身者。马蒂慈姑。这是一个很好的例子。

---

对于垂直内容的每个部分，您必须创建一个新的

行

你的代码应该是这样的。为了让演示更清楚，我将
lg
替换为
xs



Lorem ipsum dolor sit amet，是一位杰出的献身者。马蒂慈姑。这是一个很好的例子。
对于垂直内容的每个部分，您必须创建一个新的
行

你的代码应该是这样的。为了让演示更清楚，我将
lg
替换为
xs



Lorem ipsum dolor sit amet，是一位杰出的献身者。马蒂慈姑。这是一个很好的例子。
这可能有效：

<div class="container main-container">  
<div class=" top">
    <div class="row-fluid">
        <div class="col-lg-12">
            <img src="images/header.jpg" alt="#" />
        </div>

          <div class="col-lg-12">   
                <div class="photo col-lg-2 col-lg-offset-2">
                    <img src="images/best_friends_logo.png" alt="#" />
                </div>
                <div class="info col-lg-8">
                    <h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur luctus velit nec sagittis mattis. Sed et tellus blandit turpis vulputate eleifend. </h1>
                </div>
            </div>
    </div>
</div>
</div>


Lorem ipsum dolor sit amet，是一位杰出的献身者。马蒂慈姑。这是一个很好的例子。
这可能有效：

<div class="container main-container">  
<div class=" top">
    <div class="row-fluid">
        <div class="col-lg-12">
            <img src="images/header.jpg" alt="#" />
        </div>

          <div class="col-lg-12">   
                <div class="photo col-lg-2 col-lg-offset-2">
                    <img src="images/best_friends_logo.png" alt="#" />
                </div>
                <div class="info col-lg-8">
                    <h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur luctus velit nec sagittis mattis. Sed et tellus blandit turpis vulputate eleifend. </h1>
                </div>
            </div>
    </div>
</div>
</div>


Lorem ipsum dolor sit amet，是一位杰出的献身者。马蒂慈姑。这是一个很好的例子。