Bootstrap .col woes

Question

У меня возникли проблемы с тем, чтобы мой bootstrap col's вел себя так, как я хочу, мне было интересно, может ли кто-нибудь помочь, поскольку я все еще довольно новичок в Bootsrap.

Я вырывалась следующее:

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

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