如何在bootstrap上执行此操作

Question

我是使用bootstrap的新手，我想知道如何在桌面大小中执行此操作：

 -----------------------
 |  table1 |  table2   |
 -----------           |
 | table3  |           |
 -----------           |
 |  table4 |           |
 -----------------------

很高兴你能帮帮我。

Answer 1

<div class="col-sm-6">
 <table><tr><td>1</td></tr></table>
 <table><tr><td>2</td></tr></table>
 <table><tr><td>3</td></tr></table>
</div>
<div class="col-sm-6">
 <table><tr><td>1</td></tr></table>
</div>

这对我来说很有用http://www.bootply.com/new#。

Answer 2

我会改用w3.css，而divs

插入CSS路径：

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">

<div class="w3-half">
    <div>
        My Text
    </div>
    <div>
        My Text
    </div>
    <div>
        My Text
    </div>
</div>
<div class="w3-half">
    My Text
</div>

此解决方案也对移动设备有响应 我希望这有帮助