Bootstrap 5 Spinners Поплавки Размещение

Bootstrap 5 Spinners Плавающие размещения используются для установки положения элементов счетчика слева, справа или без в зависимости от требований. В основном используется для адаптивного дизайна.

Используемые места размещения поплавков Spinners Классы:

• .float-start: используется для установки стартовой позиции элементов счетчика.
• .float-end: используется для установки положения элементов счетчика в конец.
• .float-none: используется, чтобы установить положение элементов счетчика равным none.

Синтаксис:

<div class="clearfix">
      <div class="spinner-border float-end" role="status">
        <span class="visually-hidden">Loading...</span>
      </div>
</div>

Пример 1: В этом примере мы создадим счетчик и установим его положение, используя размещение плавающих элементов.

Выход:

Пример 2. В этом примере мы создадим счетчик кнопок и установим его положение с помощью размещения с плавающей запятой.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/components/spinners/#floats