6-6 Scheibe mit 6-3-3 unter

Question

Ich brauche es so zu sein:

http://qs.lc/tdcw9

Aber es sieht derzeit wie folgt aus:

http://qs.lc/z252x

sie ausgerichtet sind . Weiß jemand, wie ich ein 3-3 unter "jouw nieuws" bekomme, ohne dass es ausgerichtet wird, wie auf dem ersten Screenshot?

Answer 1

Das würde funktionieren, wenn Sie sich für ein 2-Spalten-Layout entscheiden, wobei die zweite Spalte eine volle Breite 1 Spalte erste Zeile hat, gefolgt von einer zweispaltigen zweite Zeile.

Hier ist ein einfaches Beispiel:

<div class="container"> 
    <div class="row"> 
     <div class="col-md-6"> 
      <div class="col-md-12"> 
       Lorem ipsum col 1-1 text 
      </div> 
      <div class="col-md-12"> 
       Lorem ipsum col 1-2 text 
      </div> 
     </div> 
     <div class="col-md-6"> 
      <div class="col-md-12"> 
       Lorem ipsum col 2 text 
      </div> 
      <div class="col-md-6"> 
       Sub col 1 
      </div> 
      <div class="col-md-6"> 
       Sub col 2 
      </div> 
     </div> 
    </div> 
</div> 

https://jsfiddle.net/sygfczeq/1/

Dieses Beispiel verwendet Bootstrap, sollte aber für jedes Grid-System arbeiten.