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 x6=12 totale spanwijdte).

Kolom spanwijdte
In onderstaand voorbeeld is er één kolom en deze heeft (zie pijl) een spanwijdte van 12. Dit betekent dat de kolom de gehele breedte van het blok beslaat.



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



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.

In het voorbeeld hieronder wordt getoond hoe je een kolom kunt toevoegen.
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.



Hieronder wordt getoond hoe de nieuwe kolom eruit ziet na toevoegen. In de kolom kunnen extra elementen geplaatst worden. Het is verstandig om eerst een box in de kolom te plaatsen zodat je deze beter kunt stylen.



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).

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