Bootstrap .col 问题

Question

我无法让我的 bootstrap col 表现出我想要的行为，我想知道是否有人可以提供帮助，因为我对 Bootsrap 还是很陌生。

我的目标是：

for larger screens, i want to have it like this:
------------------------------------
|                        |     2    |
             1           ------------
|                        |     3    |
------------------------ |          |
                         ------------

-即 2 和 3 与 1 的高度无关，即使 2 将 3 推到低于 1 的底部，它们也会保持在同一列中

For medium screens look tike this:
 -------------------------
|                        |
|           1            |
|                        |  
 ------------------------|         
|-----------|------------|
|      2    |     3      |
|-----------|------------|

-其中 2 和 3 均低于 1

And for smallest screens look like this!
 --------- 
|         |
|    1    |
|         |
 --------- 
|    2    |  
 --------- 
|    3    |  
 --------- 

-全部在一个列中

提前致谢！

Answer 1

这应该是一个简单的 Bootstap 布局，但很难说没有看到你的代码，不知道内容的高度。

    <div class="row">
        <div class="col-md-8 col-sm-12">
            1
        </div>
        <div class="col-md-4 col-sm-6">
            2
        </div>
        <div class="col-md-4 col-sm-6">
            3
        </div>
    </div>

http://codeply.com/go/KaeCBJoXJW