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