Html 如何基于右侧拉伸图像？

我有这个演示：我希望图像的高度是基于右侧的，这样图像总是位于div的末尾。有什么建议吗

<div class="blog_list">
    <div class="row">
        <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="blog_image">
                <img src="img/property_img.png" />
            </div>
        </div>
        <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="blog_details">
                <div class="blog_title">This comfortable apartment is located in the heart of Zurich</div>
                <div class="blog_posted">POSTED ON: <span>JANUARY 24 2016 14:35h </span>IN <span>KREIS 1</span></div>
                    <p class="blog_more-details">
                    Wheather a single room studio or multi-room apartment, each has at least one own bathroom and a fully quipped kitches.
                    </p>
                <div class="sold_by">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="row">
                                <div class="col-md-2 col-sm-2 col-xs-12 ">
                                    <div class="profile-image"><img src="img/profile.png" /></div>
                        </div>
                    <div class="col-md-10 col-sm-10 col-xs-12 no-padding-left">
                    <span class="property">ARTICLE WRITEN BY</span>
                    <span class="property_name">Janine Lindenmuller</span>
                    <div class="blog_read_more">
                    <a href="#">READ MORE</a>
                    </div>
                </div>
            </div>
        </div>
    </div></div></div></div></div></div>

这套舒适的公寓位于苏黎世市中心
发布日期：2016年1月24日14:35，克雷斯1号

无论是单室工作室还是多室公寓，每个房间都至少有一个自己的浴室和一个配备齐全的厨房。

文章作者
珍妮·林登穆勒

我认为您需要删除引导网格类，并且必须使用

display:table cell

比如说

.img,.text {
  display: table-cell;
  vertical-align: top;
}
.img {
  width:60%;
}
.text {
  width:40%;
}

---

也可以使用低维图像。Fiddle

如下设置图像行：

<div class="col-md-12 col-sm-12 col-xs-12">

---

Wow，一个人可以使用多少个div/离题