We use cookies to personalize content and ads of our website, to bring you social media functions, and to analyze the traffic to our website. We also share the collected data with our partners, who in turn may use it for social media, advertisement and analysis.More information
I accept

Raster

Optischer Spaltenraster

Der optische Spaltenraster kommt standardmäßig zum Einsatz. Der Spalten-Zwischenraum ist dabei umso größer, je weniger Spalten ausgewählt wurden. Das führt zu einem optisch ausgewogenen, modernen Layout.

weitere Optionen

Im Formular "weitere Optionen" können für den 2- und 3-Spalter alternative Spalten-Einteilungen ausgewählt werden.
Dabei wird die gesamte Spaltenbreite in 12 Einheiten zerlegt und insgesamt 11 alternative Layout-Vorschläge angeboten.

CSS

.bhCols .cols2 .bhCol {width: 48%; margin-right: 4%;}
.bhCols .cols3 .bhCol {width: 30.6666666%; margin-right: 4%;}
.bhCols .cols4 .bhCol {width: 22.375%; margin-right: 3.5%;}
.bhCols .cols5 .bhCol {width: 17.5%; margin-right: 3.125%;}
.bhCols .cols6 .bhCol {width: 14.5%; margin-right: 2.6%;}

.bhCols .cols2.cols2-2-10 .col1 {width: 16%} .bhCols .cols2.cols2-2-10 .col2 {width: 80%}
.bhCols .cols2.cols2-10-2 .col1 {width: 80%} .bhCols .cols2.cols2-10-2 .col2 {width: 16%}
.bhCols .cols2.cols2-3-9 .col1 {width: 24%} .bhCols .cols2.cols2-3-9 .col2 {width: 72%}
.bhCols .cols2.cols2-9-3 .col1 {width: 72%} .bhCols .cols2.cols2-9-3 .col2 {width: 24%}
.bhCols .cols2.cols2-4-8 .col1 {width: 32%} .bhCols .cols2.cols2-4-8 .col2 {width: 64%}
.bhCols .cols2.cols2-8-4 .col1 {width: 64%} .bhCols .cols2.cols2-8-4 .col2 {width: 32%}
.bhCols .cols2.cols2-5-7 .col1 {width: 40%} .bhCols .cols2.cols2-5-7 .col2 {width: 56%}
.bhCols .cols2.cols2-7-5 .col1 {width: 56%} .bhCols .cols2.cols2-7-5 .col2 {width: 40%}

.bhCols .cols3.cols3-3-3-6 .col1 {width: 23%} .bhCols .cols3.cols3-3-3-6 .col2 {width: 23%} .bhCols .cols3.cols3-3-3-6 .col3 {width: 46%}
.bhCols .cols3.cols3-6-3-3 .col1 {width: 46%} .bhCols .cols3.cols3-6-3-3 .col2 {width: 23%} .bhCols .cols3.cols3-6-3-3 .col3 {width: 23%}
.bhCols .cols3.cols3-3-6-3 .col1 {width: 23%} .bhCols .cols3.cols3-3-6-3 .col2 {width: 46%} .bhCols .cols3.cols3-3-6-3 .col3 {width: 23%}