Пловак

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

Преглед

Ове услужне класе померају елемент лево или десно, или онемогућавају плутање, на основу тренутне величине оквира за приказ користећи ЦСС 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