Ejupi contenido principal-pe Eike docs jeguatahápe
Check
in English

Ombovevúiva

Embohasa umi flotador oimeraẽ elemento rehe, oimeraẽ punto de ruptura rupi, eipurúvo ore utilidad flotador ombohováiva.

Tembiecharã

Ko’ã mbo’esyry utilidad rehegua omongu’e peteĩ elemento akatúa térã asu gotyo, térã omboyke oveve, oñemopyendáva jehechaukaha tuichakue ko’áĝagua oipurúvo CSS floatmba’ekuaarã . !importantoike ani haguã oî umi tema especificidad rehegua. Koꞌãva oipuru umi punto de ruptura puerto de vista rehegua peteĩchagua ñande sistema rejilla rehegua. Eikuaa porãke umi utilidad flotante ndorekói efecto umi elemento flex rehe.

Flota oñepyrũ opaite jehechaukaha tuichakue rehe

Float extremo opaite jehechaukaha tuichakue rehe

Ani reveve opaite jehechaukaha tuichakue rehe
html rehegua
<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>

Ombohováiva

Oĩ avei umi variación ombohováiva peteĩteĩva floatvalor-pe g̃uarã.

Oñepyrũ flota umi jehechaukaha tuichakue SM (michĩvéva) térã ipypukuvévape

Oñepyrũ flota umi jehechaukaha tuichakue MD (mediano) térã ipypukuvévape

Flotador ñepyrũ umi jehechaukaha LG tuichakue (tuichavéva) térã ipypukuvévape

Oñepyrũ flota umi jehechaukaha tuichakue XL (tuichavéva) térã ipypukuvévape

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

Ko’ápe oĩ opa umi clase de apoyo:

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

API de Utilidades rehegua

Umi utilidad flotante ojedeclara ore utilidad API-pe ary scss/_utilities.scss. Eikuaa mba’éichapa eipurukuaa API utilidad rehegua.

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