O kata a Bootstrap e maua ai se atigipusa fetuutuunai ma faʻalauteleina ma le tele o fesuiaiga ma filifiliga.
E uiga i
O le kata ose mea e mafai ona fetu'una'i ma fa'alautele. E aofia ai filifiliga mo ulutala ma vae, o le tele o anotusi eseese, lanu o talaaga, ma filifiliga faʻaalia mamana. Afai e te masani i le Bootstrap 3, o kata e sui ai a matou paneli tuai, vaieli, ma ata. O galuega fa'atusa i na vaega o lo'o avanoa e fai ma vasega fa'aopoopo mo kata.
Faataitaiga
O kata e fausia i ni fa'ailoga la'ititi ma sitaili e mafai, ae o lo'o mafai lava ona tu'uina atu le tele o le fa'atonuga ma le fa'atulagaina. Fausia i le flexbox, latou te ofoina faigofie le faʻaogaina ma faʻafefiloi lelei ma isi vaega Bootstrap. E leai ni margina latou mea fa'aletonu, o lea ia fa'aoga avanoa avanoa pe a mana'omia.
O loʻo i lalo se faʻataʻitaʻiga o se kata faʻavae ma mea faʻafefiloi ma se lautele tumau. O kata e leai se lautele tumau e amata ai, o lea e masani lava ona faʻatumuina le lautele atoa o lona elemene matua. O lenei mea e faigofie ona faʻapipiʻiina ma a tatou filifiliga sizing eseese .
Igoa pepa
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
E lagolagoina e kata le tele o anotusi, e aofia ai ata, tusitusiga, vaega o lisi, sootaga, ma isi mea. O lo'o i lalo fa'ata'ita'iga o mea o lo'o lagolagoina.
Tino
O le poloka fau o se kata o le .card-body. Fa'aoga i so'o se taimi e te mana'omia ai se vaega fa'atumu i totonu o se kata.
O nisi nei o tusitusiga i totonu o se tino kata.
Ulutala, tusitusiga, ma so'oga
Fa'aigoa pepa e fa'aoga e ala i le fa'aopoopo .card-titlei se <h*>fa'ailoga. I le auala lava e tasi, e faʻaopoopoina soʻotaga ma tuʻu i tafatafa o le tasi ma le isi e ala i le faʻaopoopoina .card-linki se <a>pine.
O ulutala e fa'aogaina e ala i le fa'aopoopoina o le a .card-subtitlei se <h*>fa'ailoga. Afai e tuu le .card-titlema .card-subtitlemea i totonu o se .card-bodymea, o le igoa kata ma le ulutala e fetaui lelei.
Igoa pepa
Fa'aulutala o Kata
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
.card-img-toptuu se ata i le pito i luga o le kata. Fa'atasi ai ma .card-textle , e mafai ona fa'aopoopoina tusitusiga i le kata. O tusitusiga i totonu .card-texte mafai fo'i ona fa'avasega ma fa'ailoga HTML masani.
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Lisi vaega
Fausia lisi o mea i totonu o se kata faʻatasi ai ma se kulupu lisi faʻafefe.
Cras justo odio
Dapibus ac facilisis in
Vestibulum ma eros
Fa'aalia
Cras justo odio
Dapibus ac facilisis in
Vestibulum ma eros
Togo umukuka
Fa'afefiloi ma fa'afetaui ituaiga anotusi e fai ai le kata e te mana'omia, pe togi mea uma i totonu. O lo'o fa'aalia i lalo sitaili ata, poloka, sitaili o tusitusiga, ma se vaega lisi—ua afifi uma i se kata fa'amautu-lautele.
Igoa pepa
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
E manatu kata e leai se mea patino widthe amata ai, o lea e 100% le lautele se'i vagana ua ta'ua. E mafai ona e suia lenei mea pe a manaʻomia ile CSS masani, vasega faʻasologa, faʻafefiloi Sass faʻafefiloi, poʻo mea aoga.
Fa'aaogā fa'ailoga fa'asologa
Fa'aaoga le fa'asologa, afifi kata i koluma ma laina pe a mana'omia.
Togafitiga fa'apitoa
Faatasi ai ma tusitusiga lagolago o loʻo i lalo e avea o se taʻitaʻi masani i totonu o mea faʻaopoopo.
O kata e aofia ai nai filifiliga mo le galue i ata. Filifili mai le fa'apipi'iina o “tapaiga o ata” i itu uma e lua o se kata, ufiufi ata i totonu o le kata, pe na o le fa'apipi'i o le ata i totonu o se kata.
O pulou ata
E tutusa ma ulutala ma vae, o kata e mafai ona aofia ai luga ma lalo “puupuu ata”—ata i luga po o lalo o se kata.
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Fa'afouga mulimuli 3 minute talu ai
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Fa'afouga mulimuli 3 minute talu ai
Fa'apipi'i ata
Su'e se ata i tua o le kata ma fa'alava le tusitusiga a lau kata. Fa'alagolago i le ata, atonu e te mana'omia pe e te le mana'omia ni sitaili fa'aopoopo po'o mea fa'aoga.
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Fa'afouga mulimuli 3 minute talu ai
Manatua e le tatau ona lapopoa le anotusi nai lo le maualuga o le ata. Afai o mea e sili atu nai lo le ata o le a fa'aalia le anotusi i fafo o le ata.
Fa'asagaga
I le fa'aogaina o le fa'aogaina o fa'asologa ma vasega aoga, e mafai ona fa'alava kata i se auala feavea'i-faauo ma tali atu. I le fa'ata'ita'iga o lo'o i lalo, matou te 'ave'esea fa'amau fa'atasi .no-guttersma fa'aoga .col-md-*vasega e fa'ata'atia ai le kata i le mea e mdmotu ai. Atonu e mana'omia nisi fetuutuuna'iga e fa'atatau i mea o lo'o i totonu o lau kata.
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Fa'afouga mulimuli 3 minute talu ai
Sitaili pepa
O kata e aofia ai filifiliga eseese mo le faʻavasegaina o latou talaaga, tuaoi, ma lanu.
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa lona lua
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Success card title
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa mata'utia
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa lapatai
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa fa'amatalaga
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa kata mama
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa pogisa
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Tu'uina atu le uiga i tekinolosi fesoasoani
O le fa'aogaina o le lanu e fa'aopoopo ai le uiga e na'o se fa'aaliga va'aia, e le fa'ailoa atu i tagata fa'aoga o tekonolosi fesoasoani - e pei o le au faitau mata. Ia fa'amautinoa o fa'amatalaga o lo'o fa'ailogaina i le lanu e manino mai le anotusi lava ia (fa'ata'ita'iga o tusitusiga va'aia), pe fa'aofi mai i isi auala, e pei o tusitusiga fa'aopoopo natia i le .sr-onlyvasega.
tuaoi
Fa'aoga mea fa'aoga tuaoi e sui ai na'o le border-colorkata. Manatua e mafai ona e tuʻuina .text-{color}vasega i luga o matua .cardpoʻo se vaega o mea o loʻo i totonu o le kata e pei ona faʻaalia i lalo.
Ulutala
Igoa pepa muamua
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa lona lua
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Success card title
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa mata'utia
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa lapatai
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa fa'amatalaga
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa kata mama
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Ulutala
Igoa pepa pogisa
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Mea fa'aoga Mixins
E mafai foi ona e suia tuaoi i luga o le ulutala kata ma le vae pe a manaʻomia, ma e oʻo lava i le aveeseina o background-colorlatou .bg-transparent.
Ulutala
Success card title
O nisi fa'ata'ita'iga vave o tusitusiga e fau i luga o le igoa kata ma fa'atupuina le tele o mea o lo'o i totonu o le kata.
Fa'atulagaina o kata
I le fa'aopoopoina o le fa'avasegaina o mea i totonu o kata, o Bootstrap e aofia ai ni nai filifiliga mo le tu'uina atu o fa'asologa o kata. Mo le taimi nei, o nei faʻatulagaina filifiliga e leʻi tali mai .
Vaega kata
Fa'aoga kulupu kata e fa'aliliu ai kata o se elemene fa'apipi'i tasi e tutusa le lautele ma le maualuga koluma. E fa'aaoga e kulupu kata display: flex;e ausia a latou toniga tetele.
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Fa'afouga mulimuli 3 minute talu ai
Igoa pepa
O lenei kata o loʻo i ai ni tusitusiga lagolago o loʻo i lalo e avea o se taʻitaʻi masani i mea faʻaopoopo.
Fa'afouga mulimuli 3 minute talu ai
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei kata e sili atu le umi o mea i lo le mea muamua e faʻaalia ai le gaioiga tutusa maualuga.
Fa'afouga mulimuli 3 minute talu ai
Pe a fa'aogaina vaega kata ma vae, e otometi lava ona laina i luga a latou mea.
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Igoa pepa
O lenei kata o loʻo i ai ni tusitusiga lagolago o loʻo i lalo e avea o se taʻitaʻi masani i mea faʻaopoopo.
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei kata e sili atu le umi o mea i lo le mea muamua e faʻaalia ai le gaioiga tutusa maualuga.
Fa'ailoga pepa
Manaomia se seti o pepa tutusa lautele ma maualuga e le o pipii le tasi i le isi? Fa'aaoga pepa fa'ato'aga.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Fa'afouga mulimuli 3 minute talu ai
Igoa pepa
O lenei kata o loʻo i ai ni tusitusiga lagolago o loʻo i lalo e avea o se taʻitaʻi masani i mea faʻaopoopo.
Fa'afouga mulimuli 3 minute talu ai
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei kata e sili atu le umi o mea i lo le mea muamua e faʻaalia ai le gaioiga tutusa maualuga.
Fa'afouga mulimuli 3 minute talu ai
E pei lava o kulupu kata, e otometi lava ona laina laina vae o kata i fa'avae.
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Igoa pepa
O lenei kata o loʻo i ai ni tusitusiga lagolago o loʻo i lalo e avea o se taʻitaʻi masani i mea faʻaopoopo.
Igoa pepa
Ole kata lautele lea ma fa'amatalaga lagolago o lo'o i lalo e fai ma ta'ita'i fa'anatura i mea fa'aopoopo. O lenei kata e sili atu le umi o mea i lo le mea muamua e faʻaalia ai le gaioiga tutusa maualuga.
Kata kata
Fa'aoga le Bootstrap grid system ma ana .row-colsvasega e fa'atonutonu ai pe fia koluma fa'asologa (o afifi i au kata) e te fa'aalia i le laina. Mo se fa'ata'ita'iga, o le .row-cols-1tu'uina atu lea o kata i luga o le koluma e tasi, ma .row-cols-md-2vaelua pepa fa'afa i le lautele tutusa i le tele o laina, mai le vaeluaga o le va i luga.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Suia i .row-cols-3ma o le ae iloa ai le afifi pepa lona fa.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
A e manaʻomia tutusa le maualuga, faʻaopoopo .h-100i kata. Afai e te manaʻo i le maualuga tutusa e ala i le faaletonu, e mafai ona e seti $card-height: 100%i Sass.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Igoa pepa
O se kata puupuu lea.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo.
Igoa pepa
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Koluma kata
E mafai ona fa'atulagaina kata i koluma e pei o Masonry ma na'o le CSS e ala i le afifiina i totonu .card-columns. O kata e fausia i CSS columnmeatotino nai lo le flexbox mo le faʻaogaina faigofie. O kata e oka mai luga i lalo ma agavale i le taumatau.
Ulu i luga! E mafai ona eseese lau maila ma koluma kata. Ina ia puipuia kata e malepe i luga o koluma, e tatau ona tatou setiina i latou e le display: inline-blocko column-break-inside: avoidse tali pulufana.
Igoa kata e afifi i se laina fou
O se kata umi lea ma ni tusitusiga lagolago o lo'o i lalo e avea o se ta'ita'i masani i mea fa'aopoopo. O lenei anotusi e fai si umi teisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Igoa pepa
O lenei kata o loʻo i ai ni tusitusiga lagolago o loʻo i lalo e avea o se taʻitaʻi masani i mea faʻaopoopo.
Fa'afouga mulimuli 3 minute talu ai
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.
Igoa pepa
O lenei kata e iai se ulutala masani ma se parakalafa puupuu o tusitusiga i lalo ifo.
Fa'afouga mulimuli 3 minute talu ai
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Igoa pepa
O le isi lea kata e iai le ulutala ma tusitusiga lagolago i lalo. O lenei kata o loʻo i ai nisi mea faʻaopoopo e faʻapupulaina teisi maualuga i le aotelega.
Fa'afouga mulimuli 3 minute talu ai
E mafai fo'i ona fa'alautele ma fa'avasegaina koluma fa'atasi ma nisi code fa'aopoopo. O loʻo faʻaalia i lalo o se faʻaopoopoga o le .card-columnsvasega e faʻaaoga ai le CSS tutusa tatou te faʻaogaina-CSs koluma-e faʻatupuina se seti o vaega tali mo le suia o numera o koluma.