Twitter bootstrap 不同尺寸的不同网格

我试图用Bootstrap3的网格系统来解决这个问题，而不是使用表。我知道如何将这两个网格创建为两个独立的网格，但是如何使第一个网格和第二个xs网格以适当的屏幕宽度显示

谢谢

---

我成功地提出了一个解决方案，它不是以引导为中心的，但可以完成这项工作：

<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;
}