Kotepa
Toggle flotteurs na élément nionso, na kati ya point de rupture nionso, kosalela ba utilitaires na biso ya flotteur responsive.
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
. !important
ezali 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.
<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 float
motuya moko na moko.
<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,
)
),