Les 16 layouts les plus utiles du système LayoutGala sont nativement inclus dans le plugin BootStrap pour SPIP.
Dans les syntaxes d’appel ci-dessous, les arguments ont les unités suivantes :
-
@Ncolxxx
est un nombre de colonnes dans la grille BootStrap, de 1 à 12 -
@Wcolxxx
est une largeur (Width) avec son unité (ex : 100%) -
@gridColumnWidth
est la largeur de la colonne de la grille -
@gridGutterWidth
est la largeur de la gouttière de la grille
Layout #7
3 colonnes en largeurs fixes : aside, content, extra
#layoutgala7 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #8
3 colonnes en largeurs fixes : extra, content, aside
#layoutgala8 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #9
3 colonnes en largeurs fixes : content, aside, extra
#layoutgala9 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #10
3 colonnes en largeurs fixes : content, extra, aside
#layoutgala10 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #11
3 colonnes en largeurs fixes : aside, extra, content
#layoutgala11 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #12
3 colonnes en largeurs fixes : extra, aside, content
#layoutgala12 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #27
content en pleine largeur, aside et extra en 2 colonnes en dessous
#layoutgala27 > .core(@WcolContent, @WcolAside, @WcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #28
content en pleine largeur, extra et aside en 2 colonnes en dessous
#layoutgala28 > .core(@WcolContent, @WcolAside, @WcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #33
2 colonnes en largeurs fixes : content, et une colonne aside+extra
#layoutgala33 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
@NcolAside
et @NcolExtra
ont en général la même valeur.
Layout #34
2 colonnes en largeurs fixes : une colonne aside+extra et une colonne content
#layoutgala34 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
@NcolAside
et @NcolExtra
ont en général la même valeur.
Layout #35
2 colonnes en largeurs fixes : une colonne content+extra, et une colonne aside
#layoutgala35 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #36
2 colonnes en largeurs fixes : une colonne aside, et une colonne content+extra
#layoutgala36 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #37
2 colonnes en largeurs fixes : une colonne content et une colonne aside. extra en dessous des deux.
#layoutgala37 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #38
2 colonnes en largeurs fixes : une colonne aside et une colonne content. extra en dessous des deux.
#layoutgala38 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #39
content en largeur fixe, aside et extra en deux colonnes de largeurs fixes en dessous.
#layoutgala39 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)
Layout #40
content en largeur fixe, extra et aside en deux colonnes de largeurs fixes en dessous.
#layoutgala40 > .core(@NcolContent, @NcolAside, @NcolExtra, @gridColumnWidth, @gridGutterWidth)