Pantap

Ɔvaviu fɔ di Baybul

Dɛn yutiliti klas ya de flot wan ɛlimɛnt to di lɛft ɔ rayt, ɔ disable flotin, bays pan di kɔrɛnt viupɔt saiz we de yuz di CSS floatprɔpati . !importantna inklud fɔ avɔyd spɛsifisiti kwɛshɔn dɛn. Dɛn wan ya de yuz di sem viewport brekpoint dɛn we wi grid sistem de yuz. Duya una no se flot yutiliti nɔ gɛt ɛni ifɛkt pan fleks tin dɛn.

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

Fɔ ansa

Rispכnsiv vεryushכn dεm de bak fכ εvri floatvalyu.

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

Na ɔl di sɔpɔt klas dɛn ya:

• .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 we bin de

Yutiliti dɛn API

Float yutiliti dɛn de diklar insay wi yutiliti dɛn API insay scss/_utilities.scss. Lan aw fɔ yuz di yutiliti dɛn API.

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