Rach gu prìomh shusbaint Air adhart gu seòladh docs
Check

Tog fleòdradh air eileamaid sam bith, thairis air puing briseadh sam bith, a’ cleachdadh ar goireasan fleòdraidh freagairteach.

Air an duilleig seo

Ro-shealladh

Bidh na clasaichean goireis sin a’ seòladh eileamaid air an taobh chlì no air an làimh dheis, no a’ cuir à comas fleòdradh, stèidhichte air meud an t-seallaidh gnàthach a’ cleachdadh an togalach CSSfloat . !importantair a thoirt a-steach gus cùisean sònraichte a sheachnadh. Bidh iad sin a’ cleachdadh na h-aon phuingean-seallaidh ris an t-siostam clèithe againn. Thoir an aire nach eil buaidh aig goireasan fleòdraidh air nithean sùbailte.

Tòisich fleòdradh air gach meud sealladh-seallaidh

Deireadh fleòdraidh air gach meud sealladh

Na bi a’ seòladh air gach meud sealladh
html
<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>

Freagarrach

Tha eadar-dhealachaidhean freagairteach ann cuideachd airson gach floatluach.

Tòisich air bhog air seallaidhean meud SM (beag) no nas fharsainge

Tòisich air bhog air seallaidhean-seallaidh meud MD (meadhanach) no nas fharsainge

Tòisich fleòdradh air seallaidhean meud LG (mòr) no nas fharsainge

Tòisich air bhog air seallaidhean-seallaidh meud XL (barrach mòr) no nas fharsainge

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

Seo na clasaichean taic uile:

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

Tha goireasan fleòdraidh air an ainmeachadh anns na goireasan API againn ann an scss/_utilities.scss. Ionnsaich mar a chleachdas tu an API Utilities.

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