Fa'ata'ita'iga fa'asologa o Bootstrap

Fa'asologa fa'asologa autu e fa'amasani ai oe ile faufale ile faiga ole Bootstrap grid.

I nei faʻataʻitaʻiga .themed-grid-colua faʻaopoopoina le vasega i koluma e faʻaopoopo ai nisi autu. E le'o se vasega lea o lo'o avanoa ile Bootstrap e ala ile fa'aletonu.

E lima fa'asologa

E lima vaega i le Bootstrap grid system, tasi mo vaega ta'itasi o masini matou te lagolagoina. O vaega ta'itasi e amata ile la'ititi la'ititi ole va'aiga ma fa'aoga otometi ile masini lapopo'a se'i vagana ua soloia.

.col-4

.col-sm-4

.col-md-4

.col-lg-4

.col-xl-4

.col-xxl-4

E tolu koluma tutusa

Maua ni koluma tutusa-lautele se tolu e amata mai i komipiuta ma fa'asolo i luga ole komipiuta lapopoa . I luga o masini feavea'i, papa ma lalo, o le a otometi lava ona fa'aputu koluma.

.col-md-4

E tolu koluma tutusa e sui ai

I le faʻaaogaina o .row-cols-*vasega, e faigofie ona e faia se faʻasologa ma koluma tutusa.

.coltama a .row-cols-md-3

E tolu koluma e le tutusa

Maua ni koluma se tolu e amata ile komipiuta ma fa'asolo ile komipiuta lapopoa e eseese lautele. Manatua, e tatau ona fa'aopoopo koluma fa'asologa i le sefululua mo se poloka fa'ata'atia e tasi. E sili atu nai lo lena, ma koluma amata fa'aputu e tusa lava po o le a le va'aiga.

.col-md-3

.col-md-6

.col-md-3

E lua koluma

Maua ni koluma se lua e amata mai i komipiuta ma fa'asolo i luga ole komepiuta lapopoa .

.col-md-8

.col-md-4

Lautele atoa, koluma tasi

E leai ni vasega fa'asologa e mana'omia mo elemene lautele lautele.

E lua koluma e lua koluma fa'amoega

E tusa ai ma faʻamaumauga, e faigofie le faʻanofo-naʻo le tuʻuina o se laina o koluma i totonu o se koluma o loʻo iai. E tu'uina atu ia te oe ni koluma se lua e amata ile komipiuta ma fa'asolo ile komipiuta lapopo'a , ma le isi lua (tutusa lautele) i totonu ole koluma tele.

I le tele o masini feavea'i, papa ma lalo, o nei koluma ma latou fa'aputuga koluma o le a fa'aputu.

.col-md-8

.col-md-6

.col-md-4

Fefiloi: feavea'i ma le komepiuta

O le Bootstrap v5 grid system e ono vaega o vasega: xs (sili atu laʻititi, o lenei vasega infix e le o faʻaaogaina), sm (tamaʻi), md (medium), lg (tele), xl (x-tele), ma xxl (xx -tele). E mafai ona e fa'aogaina toetoe lava o so'o se tu'ufa'atasiga o nei vasega e fa'atupu ai fa'atonuga sili atu ona malosi ma fetu'una'i.

O vaega ta'itasi o vasega e fua i luga, o lona uiga afai e te fuafua i le setiina o le lautele tutusa mo md, lg, xl ma xxl, e na'o lou mana'omia e fa'ailoa md.

.col-md-8

.col-6 .col-md-4

.col-6

Fefiloi: feaveai, papalama, ma le komepiuta

.col-sm-6 .col-lg-8

.col-6 .col-lg-4

.col-6 .col-sm-4

Alavai

Faatasi ai ma .gx-*vasega, e mafai ona fetuunai ia alavai faalava.

.colma .gx-4alavai

Fa'aoga .gy-*vasega e pulea ai alavai sa'o.

.colma .gy-4alavai

Faatasi ai ma .g-*vasega, e mafai ona fetuunai ia alavai i itu uma e lua.

.colma .g-3alavai

Koneteina

O vasega fa'aopoopo fa'aopoopo i le Bootstrap v4.4 e fa'ataga ai atigipusa e 100% lautele se'ia o'o i se mea e motu ai. v5 fa'aopoopoina se va'aiga fou xxl.

.coniteina

.containe-sm

.container-md

.container-lg

.container-xl

.containe-xxl

.container-suavai