Bootstrap Contao 3 Verschachtelung grid system ?

**sfx** · 17.10.2015, 09:51

Hallloo Liebe Community,

ich hänge leider vor folgendem Problem:

Ich bau ein Spaltenset auf in bootstrap 3 - customizable und habe z.b 3 gleiche spaltenbreiten (col-sm-4), jedoch je nach Content, verschiedene Höhen, wie schaffe ich es das die "boxen" nahtlos an mein layout floaten ?

Das Problem besteht z.b sogar bei der offiziellen Netzmacht Page auch... siehe Screenshots !

Habe Contao 3.42 und Bootstrap Bundle von Netzmacht.

habe alles mit clearfix, row etc. probiert, jedoch ohne Erfolg!

vielleicht kann mir Jemand anhand eines Beispiels auf die Sprünge helfen.

Vielen Dank schon mal!!!!screenie_01.jpg - screenie.jpg

**Spooky** · 17.10.2015, 10:23

Das was du haben möchtest bekommst du entweder mit CSS3 flex boxen hin (funktioniert halt nur in modernen Browsern) oder mit Masonry.

**sfx** · 17.10.2015, 10:34

Hmm ok,

Danke für deine Antwort, dachte es gäbe vielleicht spezielle classen durch bootstrap :-(

PS: aber flexbox macht mir ja nur gleiche Höhen, was ich ja nicht haben möchte, also fällt das raus!!!

LG SfX

**sfx** · 17.10.2015, 11:07

Also mit Masonry ist es genau das was ich wollte, wie gesagt, dachte eher es gibt schon von Bootstrap was ähnl.

Danke@ Spooky für den Ansatz ! läuft.

**Spooky** · 17.10.2015, 11:19

Zitat von sfx

PS: aber flexbox macht mir ja nur gleiche Höhen, was ich ja nicht haben möchte, also fällt das raus!!!

Nein mit flexbox kannst du, soweit ich weiß, auch die boxen so floaten lassen.

**Andreas** · 18.10.2015, 05:15

Ich bekomme das mit Flexboxen auch nicht hin.

Letztens hatte jemand ausm Forum sowas erfolgreich mit isotope.metafizzy umgesetzt http://isotope.metafizzy.co/ Ist sowas wie masonry.

**neophron** · 20.10.2015, 16:42

z.Z. arbeite baue ich eine Seite mit dem hier auf:
http://getuikit.org

Dieses framework hat alles mögliche an Bord, u.a. auch eine masonry Funktion:
http://getuikit.org/docs/grid-js.html

Sogar eine offcanvas Funktion kann man in ein paar Minuten aktivieren.
http://getuikit.org/docs/offcanvas.html

Habe es noch nicht mit Contao getestet.

**Kim** · 22.10.2015, 14:57

Zitat von Andreas

Ich bekomme das mit Flexboxen auch nicht hin.

Letztens hatte jemand ausm Forum sowas erfolgreich mit isotope.metafizzy umgesetzt http://isotope.metafizzy.co/ Ist sowas wie masonry.

Mit Isotope JS und dem DMA Elementgenerator ist das schnell gemacht.

http://isotope.metafizzy.co/layout-modes/masonry.html

**neophron** · 22.10.2015, 20:44

Ok, ich habe uikit in Contao aufgesetzt.
http://uikit.designport.info/

Auf einer Demoseite habe ich das »Dynamic Grid (wie masonry)« aktiviert. Oben links ist ein Offcanvas Button.

Es ist erstaunlich schnell und einfach umzusetzen. Jedenfalls leichter als masonry oder salvattore.