不同尺寸的不同网格

Question

我正在尝试使用Bootstrap 3的网格系统而不是使用表来解决这个问题。我知道如何将这两个网格创建为两个单独的网格，但是我如何能够制作第一个网格，然后第二个xs网格出现在适当的屏幕宽度？

感谢。

Answer 1

我设法提出了一个不是以引导为中心但完成工作的解决方案：http://jsfiddle.net/n2fole00/3XqDu/3/

<div class="container">
    <div class="row" style="background-color: lightgreen;">

        <div class="col-sm-4 rows-on-same-line">
            <h3 class="well">CONTENT 1.1</h3>
        </div>            

        <div class="col-sm-4 rows-on-same-line">
            <h3 class="well">CONTENT 1.2</h3>
        </div>

        <div class="col-sm-4">
            <h3 class="well">CONTENT 1.3</h3>
        </div>

    </div>
</div>

并且最后得到了一个... ...

.rows-on-same-line {
    display: inline-block;
}