Grid layout

GoBasic indeholder en Grid Editor, som er baseret på et drag-and-drop princip. I kan trække moduler ind, placere dem hvor I ønsker og vælge bredde på det enkelte modul.

Grid'ets størrelse og indstillinger

Grid'et i GoBasic består af 12 kolonner. Derudover har grid'et også mulighed for at blive vist i Full Width, som betyder, at modulet går helt til kanten. I kan se forskellige modulsammensætninger forneden.

Grid'ets størrelse og indstillinger

Grid'et i GoBasic består af 12 kolonner med 20px mellemrum imellemDerudover har grid'et også mulighed for at blive vist i "Full width", som betyder, at modulet går helt til kanten af browseren. Nedenfor er eksemplificeret, hvordan grid'et virker.

Multibox i 3 kolonner

Aenean lacinia bibendum nulla sed consectetur. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.

Multibox i 3 kolonner

Aenean lacinia bibendum nulla sed consectetur. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.

3 kolonner med 3 kolonner luft til venstre

Aenean lacinia bibendum nulla sed consectetur. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.

Spacers

I kan nemt skabe luft på jeres site ved at bruge "spacer" modulet. Til jeres design vil vil anbefale at bruge et Spacer modul på 40 pixels til at adskille elementer med. I fastsætter denne værdi i selve modulet.

Responsivitet

GoBasic grid'et er responsivt. Det vil sige, at modulerne ændrer størrelse, når browseren gør det. På mobil vil alle moduler fylde 12 kolonner og vil vises vertikalt efter hinanden, og bevare fuld bredde, hvis de er indstillet til dette. På tablet vil jeres grid opføre sig på samme måde, som på desktop. 

Multibox

Aenean lacinia bibendum nulla sed consectetur. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.

Multibox

Aenean lacinia bibendum nulla sed consectetur. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.