Kolommen toevoegen

De indeling van een blok wordt bepaald door de kolommen van het blok. Kolommen bepalen in grote mate hoe een blok op verschillende devices is ingedeeld. De spanwijdte van een blok is altijd 12 . Deze beschikbare spanwijdte kan verdeeld worden over de verschillende kolommen van het blok.

Voorbeeld

Bij een blok met twee gelijke kolommen hebben beide kolommen een spanwijdte van 6 (2 kolommen x 6 = 12 totale spanwijdte).

Kolom spanwijdte

In onderstaand voorbeeld is er een kolom met een spanwijdte van 12. Dit betekent dat de kolom de gehele breedte van het blok beslaat.

Kolom spanwijdte

Door de spanwijdte aan te passen (naar bv 6) zal de kolom de helft van het blok beslaan.

Kolom spanwijdte 6 van 12

Kolom toevoegen

Vervolgens is het mogelijk om een tweede kolom toe te voegen. Wanneer de spanwijdte van deze kolom opgeteld bij de spanwijdte van de eerste kolom kleiner of gelijk is aan 12, dan wordt de tweede kolom naast de eerste kolom geplaatst.

Standaard vult het systeem de spanwijdte van kolom 2 in met wat er nog over is of de gelijke spanwijdte als kolom 1 indien deze beide opgeteld kleiner zijn dan 12.

Kolom toevoegen

Hieronder wordt getoond hoe de nieuwe kolom eruit ziet na toevoegen. In de kolom kunnen extra elementen geplaatst worden.

Nieuwe kolom beschikbaar

Tip

Plaats eerst een box in de kolom zodat je deze beter kunt stylen.

Spanwijdte aanpassen

De breedte van de kolom kan aangepast worden door een andere spanwijdte te kiezen. In het voorbeeld hieronder is gekozen voor een spanwijdte van 3 (3 van 12).

Kolom spanwijdte aangepast

In onderstaand voorbeeld is een derde kolom toegevoegd. Er was nog 3/12 spanwijdte over, dus de nieuwe kolom heeft automatisch deze breedte gekregen.

Derde kolom toegevoegd