Bootstrap .col Leiden

Question

Ich habe Probleme, meine Bootstrap Cols zu benehmen, wie ich will, ich fragte mich, ob jemand helfen könnte, wie ich noch zu Bootsrap ziemlich neu bin.

Ich bin mit dem Ziel nach folgenden Kriterien:

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

-ie 2 und 3 sind unabhängig von der Höhe von 1, und in der gleichen Spalte bleiben, auch wenn 2 schiebt 3 niedriger als der Boden von 1

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

-Wo 2 und 3 Tropfen unter 1 gleich

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

-all in einer einzigen Spalte

Vielen Dank im Voraus!

Answer 1

Dies sollte ein einfaches Bootstap-Layout sein, aber es ist schwer zu sagen, dass Sie Ihren Code nicht sehen und die Höhen des Inhalts nicht kennen.

<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