Vaaiga lautele
Vaega ma filifiliga mo le tuʻuina atu o lau poloketi Bootstrap, e aofia ai pusa afifi, se faiga faʻasologa malosi, se mea faʻasalalau fetuutuunai, ma vasega faʻaoga tali.
Koneteina
O atigipusa o le elemene sili ona faʻatulagaina i Bootstrap ma e manaʻomia pe a faʻaogaina le matou faʻaogaina o le faʻaogaina . Filifili mai se atigipusa tali, fa'amau-lautele (o lona uiga o ona max-width
suiga i vaega ta'itasi ta'atia) po'o le vai-lautele (o lona uiga e 100%
lautele i taimi uma).
E ui e mafai ona fa'aputuina pusa, ae o le tele o fa'atulagaga e le mana'omia ai se fa'aputuga.
Fa'aoga .container-fluid
mo se atigipusa lautele lautele, fa'asaga i le lautele atoa o le va'aiga.
Fa'alavelave tali
Talu ai ona o le Bootstrap ua atiaʻe e avea muamua ma telefoni feaveaʻi, matou te faʻaogaina ni nai faʻamatalaga faʻasalalau e fai ai ni vaʻa maaleale mo a matou faʻatulagaga ma fesoʻotaʻiga. O nei vaeluaga e tele lava e fa'avae i luga ole la'ititi ole va'aiga lautele ma fa'ataga ai tatou e fa'asili elemene pe a suia le va'aiga.
O lo'o fa'aaoga muamua e Bootstrap vaega o fesili fa'asalalau nei—po'o fa'amavaega—i la tatou fa'apogai faila Sass mo la tatou fa'atulagaina, faiga fa'asologa, ma vaega.
Talu ai matou te tusia la matou puna CSS i Sass, o matou fesili uma a le aufaasālalau e avanoa e ala i Sass mixins:
Matou te faʻaogaina i nisi taimi fesili faʻasalalau e alu i le isi itu (le lapopoa o le lau pe laʻititi ):
Manatua talu ai e le'o lagolagoina e tagata su'esu'e i le taimi nei le tele o fa'amatalaga fa'amatalaga , matou te galulue fa'atasi ma tapula'a min-
ma max-
prefixs ma va'aiga fa'atasi ma va'ava'a fa'a-vaega (lea e mafai ona tupu i lalo o nisi tulaga i masini maualuga-dpi, mo se fa'ata'ita'iga) e ala i le fa'aogaina o tau e sili atu le sa'o mo nei fa'atusatusaga. .
Toe tasi, o nei faʻasalalauga fesili o loʻo avanoa foi e ala i Sass mixins:
O lo'o iai fo'i su'esu'ega fa'asalalau ma fa'afefiloi mo le fa'atatauina o se vaega se tasi o lapo'a mata e fa'aaoga ai le la'ititi ma le maualuga o le lautele o le vaeluaga.
O lo'o avanoa fo'i nei fesili fa'asalalau e ala i Sass mixins:
E fa'apena fo'i, o fa'asalalauga fa'asalalauga e mafai ona fa'alautele le tele o vaeluaga o le vaeluaga:
O le Sass mixin mo le faʻatatauina o le lapoʻa tutusa o le lau o le:
Z-faasinoupu
E tele vaega Bootstrap e fa'aogaina z-index
, le CSS meatotino e fesoasoani i le fa'atonutonuina o le fa'atulagaina e ala i le tu'uina atu o le axis lona tolu e fa'atulaga ai mea. Matou te fa'aogaina le fua z-index i le Bootstrap lea na mamanuina e fa'anofo lelei ai le fa'aogaina o le fa'atonuga, mea faigaluega ma popovers, modals, ma isi mea.
O nei tau maualuga e amata i se numera fa'apitoa, maualuga ma fa'apitoa e aloese ai mai fete'ena'iga. Matou te manaʻomia se seti masani o nei mea i luga oa matou vaega faʻapipiʻi-mea faigaluega, popovers, navbars, dropdowns, modals-ina ia mafai ai ona matou fetaui lelei i amioga. E leai se mafuaaga na le mafai ai ona matou faʻaaogaina 100
+ poʻo 500
+.
Matou te le fa'amalosia le fa'avasegaina o nei tulaga fa'aletagata; afai e te suia se tasi, atonu e te manaʻomia le suia uma.
Ina ia taulimaina tuaoi felavasa'i i totonu o vaega (fa'ata'ita'iga, fa'amau ma mea fa'aoga i vaega fa'aoga), matou te fa'aogaina numera tasi maualalo z-index
o le 1
, 2
, ma 3
mo le le mafai, fa'ae'e, ma tulaga fa'agaoioia. I luga o le faʻafefe / taulaʻi / malosi, matou te aumaia se elemene faʻapitoa i luma ma se maualuga maualuga z-index
e faʻaalia ai lo latou tuaoi i luga o elemene tei.