Source

Плови

Вклучете плови на кој било елемент, низ која било точка на прекин, користејќи ги нашите одговорни float услужни програми.

Преглед

Овие класи на помош плови елемент налево или надесно, или го оневозможуваат лебдењето, врз основа на тековната големина на приказот со користење на својството CSSfloat . !importantе вклучено за да се избегнат проблеми со специфичноста. Овие ги користат истите точки на прекин на погледот како и нашиот мрежен систем. Имајте предвид дека float utilities немаат ефект врз флексибилните ставки.

Часови

Вклучете плови со класа:

Пловете лево на сите големини на приказите за гледање

Пловете право на сите големини на приказните места

Не пливајте на сите големини на приказите за гледање
<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