Lutaw

I-toggle ang float sa bisan unsang elemento, sa bisan unsang breakpoint, gamit ang among responsive float utilities.

Overview

Kini nga mga klase sa utility naglutaw sa usa ka elemento sa wala o tuo, o nagpugong sa paglutaw, base sa kasamtangan nga gidak-on sa viewport gamit ang CSS floatproperty . !importantgilakip aron malikayan ang mga isyu sa espesipiko. Kini naggamit sa parehas nga viewport breakpoints sama sa among grid system. Palihug hibaloi nga ang float utilities walay epekto sa mga butang nga flex.

Mga klase

I-toggle ang float gamit ang klase:

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

Mixins

O ni Sass mixin:

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

Makatubag

Adunay usab mga responsive nga mga kalainan alang sa matag floatkantidad.

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

Ania ang tanan nga mga klase sa suporta;

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