Notie van raster¶
Het principe van een raster
Een raster is eenvoudigweg een snede in cellen met dezelfde afmetingen als hieronder weergegeven:
Het Bootstrap-raster heeft 12 kolommen.
Terminologie
Een raster is verdeeld in rijen (genaamd “rij” in Bootstrap en “Lijn” in WebAcappella RC) en kolommen (“col”), zoals in de volgende figuur :
De Bootstrap Grid
Kolomindeling verdeelt de schermbreedte in percentages. Voor de rijen wordt de hoogte echter aangepast aan de inhoud.
Organisatie van het net¶
Bootstrap beschouwt 4 soorten media:
Groot (Lg) |
Bn |
Sm |
Xsklein (Xs) |
|---|---|---|---|
|
|
|
|
Referentiewaarde |
Referentiewaarde |
Referentiewaarde |
Referentiewaarde |
>= 1200 px |
>= 992 px |
>= 768 px |
< 768 px |
En in WebAcappella Grid?
Een raster wordt in WAGRID gedefinieerd door de knop ” BOX ” die zoveel rijen bevat als gewenst met altijd een maximale breedte van 12 kolommen per rij.
Een regel (rij in Bootstrap) zal elementen bevatten (tekst, afbeelding, etc.).
De 2 belangrijkste onderdelen zijn de “BOX” en de “LINE”.
Notitie
KADER: Dit is de primaire (en dus onmisbare) component, de enige waar lijnen kunnen worden toegevoegd.
Notitie
LIJN: Onderdeel dat het mogelijk maakt om afbeeldingen, tekst, een galerij, etc. op te nemen.
Een rij is verdeeld in 12 kolommen (zie bootstrap), een component zoals een afbeelding kan minimaal 1 kolom breed zijn en maximaal 12 kolommen breed.
In totaal kunnen we dus 12 componenten van 1 eenheidsbreedte hebben.
Wat de hoogte van een lijn betreft, hangt het af van de grootte van de breedte van de ingevoegde component(en) (notie van rantsoen voor een afbeelding, notie van inhoud voor de tekst in het bijzonder).
Het begrip ratio verwijst naar een notie van proportionaliteit (breedte*hoogte) en dus van “resizing” van een beeld.
De inhoud heeft een notie van “vloeibaarheid”, d.w.z. dat de inhoud in alle gevallen moet verschijnen en dat als je dus de breedte verkleint (verlies van inhoud), dit onvermijdelijk zal worden gecompenseerd door een toename in de hoogte.
De spacer is een aparte component in de zin dat deze een vaste afmeting heeft, waardoor het mogelijk is om een marge te genereren.