Source

Float

Toggle elementum quodlibet innatat, trans punctum aliquod, utens utilitates nostras responsivas natat.

Overview

Hae utilitates classes fluitant elementum sinistrum vel dextrum, vel inactivare fluitans, innixa in magnitudine praesentis magnitudinis utens proprietate CSSfloat . !importantne proventus speciei includitur. Haec eadem prospectu breakpoints utuntur ut nostra eget ratio.

Classes

Toggle supernatet cum genere;

Supernatet super omnes moles viewport

Super omnes ius magnitudinum viewport

Non fluitant omnes viewport moles
<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>

Mixins

Vel per Sass mixin;

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

Responsivum

Variationes Responsivae etiam pro unoquoque floatvalore existunt.

Superest viewports amplitudo SM supernatet (small) seu latius

Supernatet super viewports amplitudo MD (media) vel latius

Supernatet manet viewports amplitudo LG (magna) vel latius

Supernatet super viewports amplitudo XL (extra-magna) seu latius

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

Hic omnes subsidii classes sunt;

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