html - Bootstrap 3 div布局

Question

我正在使用 Bootstrap 3 开发一个元素，我想制作一个如图所示的布局:

关于如何做到这一点有什么想法吗？一些代码位将不胜感激。

谢谢

我目前正在尝试这样的事情:

       <div class="container-fluid">
                <div class="col-md-3 features">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi esse reiciendis illo expedita voluptatibus consequatur culpa tempore labore eveniet voluptates, rerum, odio vitae quae, impedit et? Ea et culpa veniam?
                </div>
                <div class="col-md-3 features">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi esse reiciendis illo expedita voluptatibus consequatur culpa tempore labore eveniet voluptates, rerum, odio vitae quae, impedit et? Ea et culpa veniam?
                </div>
                <div class="col-md-3 features">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi esse reiciendis illo expedita voluptatibus consequatur culpa tempore labore eveniet voluptates, rerum, odio vitae quae, impedit et? Ea et culpa veniam?
                </div>
                <div class="col-md-3 features">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi esse reiciendis illo expedita voluptatibus consequatur culpa tempore labore eveniet voluptates, rerum, odio vitae quae, impedit et? Ea et culpa veniam?
                </div>
            <div class="row">
                <div class="col-md-12 iphone-bottom">
                    <img src="img/iphone-bottom.png" class="img-responsive center-block" alt="Download Revolut">
                </div>
                <div class="col-md-12 center-block download-btn">
                    <a href="#download" class="btn btn-get-it">
                        Get it
                    </a>
                </div>
            </div>

Answer 1

请看这里:http://jsbin.com/lesud/1/edit?html,css,output

    <div class="col-xs-2">
      <div class="row colblue">
        <div class="col-xs-12"><p>text</div>
      </div>
       <div class="row colblue">
        <div class="col-xs-12"><p>text</div>
      </div>
    </div>
    <div class="black col-xs-8">
      <img src="http://lorempixel.com/g/200/400/">
    </div>
    <div class="col-xs-2">
      <div class="row colblue">
        <div class="col-xs-12"><p>text</div>
      </div>
       <div class="row colblue">
        <div class="col-xs-12"><p>text</div>
      </div>
    </div>
</div>
</div>