Kotepa

Toggle ba flotteurs na élément nionso, na kati ya point de rupture nionso, na kosalelaka ba utilitaires na biso ya flotteur oyo ezo répondre.

Na lokasa oyo

Botali ya mozindo

Ba classes oyo ya utilitaire e flotter élément moko na gauche to droite, to e désactiver flottant, selon taille ya port de vue ya lelo na nzela ya propriété CSSfloat . !importantezali na kati mpo na koboya makambo ya spécificité. Yango esalelaka ba points de rupture ya port de vue ndenge moko na système na biso ya grille. Svp bozala conscient ya ba utilitaires flotteur ezalaka na effet moko te na ba éléments flex.

Float kobanda na ba taille nionso ya port de vue

Float end na ba taille nionso ya viewport

Ko flotter te na ba taille nionso ya viewport

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

Koyanola

Bokeseni ya eyano ezali mpe mpo na floatmotuya moko na moko.

Flot start na ba viewports ya taille SM (moke) to ya large

Float start na ba viewports ya taille MD (moyenne) to ya large

Float start na ba viewports ya taille LG (ya munene) to ya large

Float start na ba viewports ya taille XL (extra-large) to ya large

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

Tala ba classes nionso ya soutien:

.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 oyo azali

API ya ba utilitaires

Ba utilitaires ya flotteur esakolami na API ya ba utilitaires na biso na scss/_utilities.scss. Yekola ndenge ya kosalela API ya ba utilitaires.

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