in English
Opeopea
Fa'ato'a solo i luga o so'o se elemene, i so'o se mea e motu ai, e fa'aaoga ai a matou mea fa'aoga fe'avea'i tali.
I luga o lenei itulau
Vaaiga lautele
O nei vasega aoga e faʻafefe se elemene i le agavale poʻo le taumatau, pe faʻamalo le faʻafefe, faʻavae i luga o le tele o le vaʻaiga o loʻo i ai nei e faʻaaoga ai le CSS float
meatotino . !important
o lo'o aofia ai e aloese mai fa'afitauli fa'apitoa. O lo'o fa'aogaina e nei vaega va'aiga va'aiga tutusa e pei o la tatou faiga fa'avasega. Fa'amolemole ia nofouta e leai se a'afiaga o mea fa'apipi'i i mea fe'ai.
Fa'aola amata i luga o le tele o va'aiga
Faaopeopea pito i luga o lapo'a va'aiga uma
Aua le opeopea i luga o le tele o va'aiga
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
Talia
O lo'o iai fo'i suiga fa'atatau mo float
tau ta'itasi.
Faaopeopea amata ile va'aiga tele SM (la'iti) pe lautele
Fa'alele amata ile va'aiga va'aiga MD (medium) pe lautele
Fa'alele amata ile va'aiga tele LG (tele) pe lautele
Fa'alele amata ile va'aiga tele XL (tele-tele) pe lautele
<div class="float-sm-start">Float start on viewports sized SM (small) or wider</div><br>
<div class="float-md-start">Float start on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-start">Float start on viewports sized LG (large) or wider</div><br>
<div class="float-xl-start">Float start on viewports sized XL (extra-large) or wider</div><br>
O vasega lagolago uma nei:
.float-start
.float-end
.float-none
.float-sm-start
.float-sm-end
.float-sm-none
.float-md-start
.float-md-end
.float-md-none
.float-lg-start
.float-lg-end
.float-lg-none
.float-xl-start
.float-xl-end
.float-xl-none
.float-xxl-start
.float-xxl-end
.float-xxl-none
Sass
Utilities API
O lo'o fa'ailoa mai mea fa'aoga fa'afefete i totonu oa tatou fa'aoga API i scss/_utilities.scss
. A'oa'o pe fa'afefea ona fa'aoga mea aoga API.
"float": (
responsive: true,
property: float,
values: (
start: left,
end: right,
none: none,
)
),