• No (kein Container)
• Container (Preset 1200px)
• ContainerFluid (Preset 15px margin left und right)
• ContainerWide (Preset 1600px edit über variables.less)
• ContainerSmall (Preset 800px edit über variables.less)

• Row No / Standard - alle Inhalte werden untereinander dargestellt
• Row Yes / in Kombination mit ColClass (If Row = Yes)
• Beispiel: col-md-3  col-sm-6 (4 Spalter-Desktop/2 Spalter-Pad etc /1 Spalter Mobilphone)
• Bootstrap Grid Infos

Vorteil

• es können alles Inhalte ohne Grid nebeneinander dargestellt werden
• einheitliche Abstände zwischen den Reihen untereinander
• vereinfachter Umbau wenn sich die Anzahl der Elemente in einer Reihe ändert
• sehr individuelle Anpassungen für mobile Versionen möglich

NICE TO KNOW:

Bei Containern und Grids werden Überschriften nicht im Frontend ausgelesen. Die Überschrift kann genutzt werden um das Element um in der Listenansicht angezeigt zu werden. Unterüberschrift und Icon werden in diesen Elementen nicht ausgelesen!

• wie Flexgrid 2
• Breakpoint wird nicht ausgelesen
• wie Grid mit dem Unterschied die Spalten werden über Grid Sections gesteuert. 
• über Numbers (1-12) werden die Spalten angegegen
• über Class kann ein individuller Umbruch angelegt werden 

• wie Flexgrid 2
• Breakpoint wird nicht ausgelesen
• wie Grid mit dem Unterschied die Spalten werden über Grid Sections gesteuert. 
• über Numbers (1-12) werden die Spalten angegegen
• über Class kann ein individuller Umbruch angelegt werden 

• Abstände zwichen den Elementen über GridSpace:
• Default (0) Bootstrap - h:30px v:15px
• ExtraSmall (1) - h:1px v:1px
• Small (2) - h:5px v:5px
• Medium (3) - h:15px v:15px
• Large (4) - h:30px v:30px
• Unterschiedliche Elementreihen können über Rows erstellt werden
• Über Grid Section die Anzahl der Objekte (Object / Row) die sich in dem gesamten Container befinden anlegen
• Über RowNumber die Anzahl der Rows festlegen
• Über Number die Anzahl der Objekte in der Reihe numerisch anlegen
• Über Class die mobilen Darstellungen steuern