html - 如何使用 bootstrap 2.3 将桌面 View 中的两行转换为移动 View 中的一行？

Question

这是我想要实现的:

使用 bootstrap 2.3 执行此操作的最佳方法是什么？

P.S 我是 bootstrap 的新手。

Answer 1

试试这个:

DEMO

<div class="row">
    <div class="col-xs-6 col-md-12">
        <img class="img-responsive" src="http://1.gravatar.com/avatar/3a4fe156e7e23a3f6c023ab0abb305e2?s=160&amp;d=http%3A%2F%2Fcss-tricks.com%2Fimages%2Fget-gravatar.png%3Fs%3D160&amp;r=PG" />
    </div>
    <div class="col-xs-6 col-md-12">
        <h2>Heading</h2>
        <p>Sub Heading</p>
    </div>
</div>