Прескокнете до главната содржина Прескокнете на навигацијата со документи
Check
in English

Плови

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

На оваа страница

Преглед

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

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

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

Не пливајте на сите големини на приказите за гледање
html
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Одговорен

floatЗа секоја вредност постојат и одговорни варијации .

Пловечки старт на пристаништа со големина SM (мали) или пошироки

Пловечки старт на пристаништа со големина MD (средна) или поширока

Пловечки старт на пристаништа за гледање со големина LG (голем) или поширок

Пловечки старт на пристаништа со големина XL (екстра-голем) или поширок

html
<div class="float-sm-start">Float start on viewports sized SM (small) or wider</div><br>
<div class="float-md-start">Float start on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-start">Float start on viewports sized LG (large) or wider</div><br>
<div class="float-xl-start">Float start on viewports sized XL (extra-large) or wider</div><br>

Еве ги сите класи за поддршка:

  • .float-start
  • .float-end
  • .float-none
  • .float-sm-start
  • .float-sm-end
  • .float-sm-none
  • .float-md-start
  • .float-md-end
  • .float-md-none
  • .float-lg-start
  • .float-lg-end
  • .float-lg-none
  • .float-xl-start
  • .float-xl-end
  • .float-xl-none
  • .float-xxl-start
  • .float-xxl-end
  • .float-xxl-none

Сас

Utilities API

Float utilities се декларирани во нашите Utilities API во scss/_utilities.scss. Научете како да ги користите Utilities API.

    "float": (
      responsive: true,
      property: float,
      values: (
        start: left,
        end: right,
        none: none,
      )
    ),