Ich habe gerade den Tunnelblick. :(
Folgendes Bootstrap Problem:
Ich unterteile eine Seite in 9 columns für main und 3 columns für aside. Anschließend wird main nochmal in 2 Divs mit je 6 columns unterteilt. S,o dass ich 3 sichtbare Container auf der Seite habe. Jeder sichtbare Container soll einen grauen Background und den gleichen Abstand zu seinem Nachbarn haben.
Dafür muss es doch irgendwelche Helper Classes oder zumindest einen vernünftigen Ansatz geben.
JSFiddle: http://jsfiddle.net/vx62efwc/2/
Folgendes Bootstrap Problem:
Ich unterteile eine Seite in 9 columns für main und 3 columns für aside. Anschließend wird main nochmal in 2 Divs mit je 6 columns unterteilt. S,o dass ich 3 sichtbare Container auf der Seite habe. Jeder sichtbare Container soll einen grauen Background und den gleichen Abstand zu seinem Nachbarn haben.
Dafür muss es doch irgendwelche Helper Classes oder zumindest einen vernünftigen Ansatz geben.
JSFiddle: http://jsfiddle.net/vx62efwc/2/
HTML:
/* CSS
.background {background-color: #ddd;}
*/
<div class="container">
<div class="row">
<main class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="background">Lore ipsum col-6.</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="background">Lore ipsum col-6.</div>
</div>
</main>
<aside class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="background">Lore ipsum col-3</div>
</aside>
</div>
</div>