Bootstrap .col危机

Question

我无法让自举col的行为如何，我想知道是否有人可以提供帮助，因为我对Bootsrap仍然很陌生。

我的目标如下：

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

- 即图2和3是1的高度独立的，并留在同一列中，即使2推比1

底部低3

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

-where 2和表1个同样

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

-all 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