mitsingevana

Mihodina mitsingevana amin'ny singa rehetra, amin'ny toerana tapaka rehetra, amin'ny fampiasana ny fampiasantsika mitsingevana.

Overview

Ireo kilasy fampiasa ireo dia mitsinkafona singa iray miankavia na miankavanana, na manafoana ny mitsingevana, mifototra amin'ny haben'ny seranan-tsambo ankehitriny mampiasa ny fananana CSSfloat . !importantdia tafiditra ao mba hisorohana ny olana manokana. Ireo dia mampiasa ireo teboka fiatoana fijery mitovy amin'ny rafitra grid-tsika.

fianarana

Safidio ny mitsingevana miaraka amin'ny kilasy:

<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

Na avy amin'i Sass mixin:

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

manaiky

Misy fiovana mamaly ihany koa ho an'ny floatsanda tsirairay.

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

Ireto ny kilasy fanohanana rehetra;

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