in English
Паплавок
Перамыкайце float на любым элеменце, праз любую кропку перапынку, выкарыстоўваючы нашы спагадныя ўтыліты float.
Агляд
Гэтыя службовыя класы перамяшчаюць элемент злева або справа або адключаюць перасоўванне ў залежнасці ад бягучага памеру вокны прагляду з дапамогай уласцівасці CSSfloat
. !important
уключаны, каб пазбегнуць праблем са спецыфікай. Яны выкарыстоўваюць тыя ж кропкі разрыву акна прагляду, што і наша сістэма сеткі. Майце на ўвазе, што ўтыліты float не ўплываюць на гнуткія элементы.
Заняткі
Пераключаць паплавок з класам:
Плаваць улева на ўсіх памерах акна прагляду
Плаваць направа на ўсіх памерах акна прагляду
Не плаваць на ўсіх памерах прагляду
<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>
Міксіны
Або ад Sass mixin:
.element {
@include float-left;
}
.another-element {
@include float-right;
}
.one-more {
@include float-none;
}
Спагадны
Адпаведныя варыяцыі таксама існуюць для кожнага float
значэння.
Плаванне налева ў акне прагляду памерам SM (маленькі) або шырэй
Плаванне налева ў акне прагляду памерам MD (сярэдні) або шырэй
Плаванне ўлева ў акне прагляду памерам LG (вялікі) або шырэй
Плаванне налева ў акне прагляду памерам XL (вельмі вялікі) або шырэй
<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