Snámh

Scoránaigh snámháin ar aon eilimint, trasna aon bhriseadhphointe, ag baint úsáide as ár n-áiseanna snámhphointe sofhreagracha.

Ar an leathanach seo

Forbhreathnú

Snámhann na ranganna fóntais seo eilimint ar chlé nó ar dheis, nó díchumasaítear snámhphointe, bunaithe ar mhéid an amhairc reatha ag baint úsáide as an airí CSSfloat . !importantsan áireamh chun saincheisteanna sainiúlachta a sheachaint. Úsáideann siad seo na hamharcphointí céanna lenár gcóras eangaí. Tabhair faoi deara nach bhfuil aon éifeacht ag fóntais snámhphointe ar mhíreanna solúbtha.

Tús snámhphointe ar gach méid amhairc

Críoch snámhphointe ar gach méid amhairc

Ná snámh ar gach méid radhairc

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

Sofhreagrach

Tá éagsúlachtaí sofhreagracha ann freisin do gach floatluach.

Snámhphointe tosaithe ar amhairc SM (beag) nó níos leithne

Tosaigh snámhphointe ar phoirt amhairc MD (meánmhéide) nó níos leithne

Cuir tús le snámhphointe ar phoirt amhairc ar mhéid LG (mór) nó níos leithne

Tosaigh snámhphointe ar phoirt amhairc ar mhéid XL (mór-mhór) nó níos leithne

<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 chugaibh na ranganna tacaíochta ar fad:

.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

Déantar fóntais snámhphointe a dhearbhú inár n-API fóntais i scss/_utilities.scss. Foghlaim conas an API fóntais a úsáid.

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