Проблемы с 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    |  
 --------- 

-все в одну колонку

Заранее спасибо!