Fa'ase'e ile anotusi autu Fa'ase'e ile su'ega fa'amatalaga
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 floatmeatotino . !importanto 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 floattau 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,
      )
    ),