Mandehana any amin'ny votoaty fototra Mandehana any amin'ny docs navigation
Check
in English

mitsingevana

Mihodina mitsingevana amin'ny singa rehetra, amin'ny toerana tapaka rehetra, amin'ny fampiasana ny fampiasantsika mitsingevana.

Amin'ity pejy ity

Overview

Ireo kilasy fampiasa ireo dia mitsinkafona singa iray miankavia na miankavanana, na manafoana ny mitsingevana, mifototra amin'ny haben'ny seranan-tsambo ankehitriny mampiasa ny fananana CSSfloat . !importantdia tafiditra ao mba hisorohana ny olana manokana. Ireo dia mampiasa ireo teboka fiatoana fijery mitovy amin'ny rafitra grid-tsika. Azafady, tandremo fa tsy misy fiantraikany amin'ny zavatra flex ny fitaovana float.

Manomboka mitsingevana amin'ny haben'ny seranan-tsambo rehetra

Mitsinkafona amin'ny haben'ny seranan-tsambo rehetra

Aza mitsingevana amin'ny haben'ny seranan-tsambo rehetra
html
<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>

manaiky

Misy fiovana mamaly ihany koa ho an'ny floatsanda tsirairay.

Manomboka mitsingevana amin'ny seranan-tsambo mirefy SM (kely) na midadasika kokoa

Atombohy mitsingevana amin'ny seranan-tsambo mirefy MD (midina) na midadasika kokoa

Manomboka mitsingevana amin'ny seranan-tsambo mirefy LG (lehibe) na midadasika kokoa

Manomboka mitsingevana amin'ny seranan-tsambo mirefy XL (lehibe kokoa) na lehibe kokoa

html
<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>

Ireto ny kilasy fanohanana rehetra:

  • .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

Ny kojakoja mitsingevana dia nambara ao amin'ny API fampiasantsika amin'ny scss/_utilities.scss. Ianaro ny fomba fampiasana ny utility API.

    "float": (
      responsive: true,
      property: float,
      values: (
        start: left,
        end: right,
        none: none,
      )
    ),