Flosilo

Ŝanĝu flosaĵojn sur iu ajn elemento, trans ajna rompopunkto, uzante niajn respondemajn flosajn ilojn.

Superrigardo

Ĉi tiuj utilaj klasoj flosas elementon maldekstren aŭ dekstren, aŭ malŝaltas flosadon, surbaze de la nuna vidfenestrograndeco uzante la CSS- floatposedaĵon . !importantestas inkluzivita por eviti specifecajn problemojn. Ĉi tiuj uzas la samajn vidfenajn rompopunktojn kiel nia kradsistemo. Bonvolu konscii, ke flosaj utilecoj ne efikas sur flekseblaj eroj.

Klasoj

Ŝaltu flosilon kun klaso:

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

Miksinoj

Aŭ per Sass mixin:

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

Respondema

Respondema varioj ankaŭ ekzistas por ĉiu floatvaloro.

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

Jen ĉiuj subtenaj klasoj;

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