Source

Пловак

Пребаците флоат на било који елемент, преко било које тачке прекида, користећи наше услужне програме за плутање.

Преглед

Ове услужне класе померају елемент лево или десно, или онемогућавају плутање, на основу тренутне величине оквира за приказ користећи ЦСС floatсвојство . !importantје укључен да би се избегла питања специфичности. Они користе исте тачке прелома у области приказа као и наш систем мреже. Имајте на уму да флоат услужни програми немају утицаја на флек ставке.

класе

Пребаците флоат са класом:

Лебде улево на свим величинама оквира за приказ

Лебде удесно на свим величинама прозора

Немојте лебдети на свим величинама прозора
<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>

Микинс

Или од Сасс микина:

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

Респонсиве

floatЗа сваку вредност постоје и варијације које одговарају .

Лебде лево на прозорима величине СМ (мали) или шири

Лебде лево на прозорима величине МД (средњи) или шири

Лебде лево на прозорима величине ЛГ (велики) или шири

Лебде лево на прозорима величине КСЛ (екстра-велики) или шири

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

Овде су сви часови подршке;

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