Source

Snámh

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

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 mbíonn aon tionchar ag fóntais snámhphointe ar mhíreanna solúbtha.

Ranganna

Scoránaigh snámhán le rang:

Snámhán fágtha ar gach méid amhairc

Snámh díreach ar gach méid amhairc

Ná snámh ar gach méid radhairc
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Meascáin

Nó le Sass mixin:

.element {
  @include float-left;
}
.another-element {
  @include float-right;
}
.one-more {
  @include float-none;
}

Sofhreagrach

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

Snámhán fágtha ar na calafoirt radhairc ar mhéid SM (beag) nó níos leithne

Snámhán fágtha ar phoirt amhairc MD (meánmhéide) nó níos leithne

Snámhán fágtha ar phoirt amhairc ar mhéid LG (mór) nó níos leithne

Snámhán fágtha ar phoirt amhairc ar mhéid XL (mór-mhór) nó níos leithne

<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>

Seo chugaibh na ranganna tacaíochta ar fad;

  • .float-left
  • .float-right
  • .float-none
  • .float-sm-left
  • .float-sm-right
  • .float-sm-none
  • .float-md-left
  • .float-md-right
  • .float-md-none
  • .float-lg-left
  • .float-lg-right
  • .float-lg-none
  • .float-xl-left
  • .float-xl-right
  • .float-xl-none