Source

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.

Mbo’esyrykuéra rehegua

Embohasa peteĩ flotador peteĩ clase ndive:

Embohasa ijasu gotyo opaite jehechaukaha tuichakue rehe

Embohasa akatúa gotyo opaite jehechaukaha tuichakue rehe

Ani reveve opaite jehechaukaha tuichakue rehe
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Mixin-kuéra rehegua

Ou Sass mixin rupive:

.element {
  @include float-left;
}
.another-element {
  @include float-right;
}
.one-more {
  @include float-none;
}

Ombohováiva

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

Oveve ijasu gotyo umi jehechaukaha tuichakue SM (michĩvéva) térã ipypukuvévape

Emboguejy ijasu gotyo umi jehechaukaha tuichakue MD (mediano) térã ipypukuvévape

Oveve ijasu gotyo umi jehechaukaha tuichakue LG (tuichavéva) térã ipypukuvévape

Emboguejy ijasu gotyo umi jehechaukaha tuichakue XL (tuichavéva) térã ipypukuvévape

<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>

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

  • .float-left
  • .float-right
  • .float-none
  • .float-sm-left
  • .float-sm-right
  • .float-sm-none
  • .float-md-left
  • .float-md-right
  • .float-md-none
  • .float-lg-left
  • .float-lg-right
  • .float-lg-none
  • .float-xl-left
  • .float-xl-right
  • .float-xl-none