Lang
Toggle floats chu element eng pawhah, breakpoint eng pawh kaltlangin, kan responsive float utilities hmangin.
Heng utility class te hian element pakhat chu veilam emaw dinglam emaw ah an float a, a nih loh leh floating an titawp a, chu chu CSS floatproperty hmangin tuna viewport size a zirin a ni !importantspecificity issue awm lo turin a dah tel bawk. Hengte hian kan grid system ang bawkin viewport breakpoint an hmang a.
Float pakhat chu class hmangin toggle rawh:
Viewport size zawng zawngah veilamah float rawh
Viewport size zawng zawngah dinglam hawiin float rawh
Viewport size zawng zawngah float vek suh
<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>A nih loh leh Sass mixin hmangin:
.element {
@include float-left;
}
.another-element {
@include float-right;
}
.one-more {
@include float-none;
}Responsive variation pawh floatvalue tin atan a awm bawk.
Viewport size SM (small) emaw a aia zau emaw ah chuan veilamah float rawh
Viewport size MD (medium) emaw a aia zau emaw ah chuan veilamah float rawh
Viewport size LG (large) emaw a zau zawkah chuan veilamah float rawh
Viewport size XL (extra-large) emaw a aia zau emaw-ah chuan veilamah float rawh
<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>Hetah hian support class zawng zawng tarlan a ni a;
.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