in English
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
. !important
san á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 float
luach.
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,
)
),