ntab

Txheej txheem cej luam

Cov chav kawm siv hluav taws xob no ntab ib qho khoom mus rau sab laug lossis sab xis, lossis lov tes taw ntab, raws li qhov loj ntawm qhov chaw saib tam sim no siv CSS floatcov cuab yeej . !importantsuav nrog kom tsis txhob muaj teeb meem tshwj xeeb. Cov no siv tib qhov chaw saib qhov chaw nres nkoj raws li peb cov kab sib chaws. Thov nco ntsoov tias float utilities tsis cuam tshuam rau cov khoom 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>

Teb

Teb variations kuj muaj nyob rau txhua floattus nqi.

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

Nov yog tag nrho cov chav kawm txhawb nqa:

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

Utilities API

Float utilities tau tshaj tawm hauv peb cov khoom siv hluav taws xob API hauv scss/_utilities.scss. Kawm paub siv cov khoom siv hluav taws xob API li cas.

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