Положение

Утилиты положения полезны для быстрого размещения компонента за пределами нормального потока документа. При необходимости выберите из нескольких классов фиксированного или sticky положения.

Фиксированный верх

Поместите элемент вверху области просмотра, от края до края. Убедитесь, что вы понимаете последствия фиксированного положения в вашем проекте; вам может понадобиться добавить дополнительный CSS.

<div class="fixed-top">...</div>

Фиксированный низ

Поместите элемент в нижней части окна просмотра, от края до края. Убедитесь, что вы понимаете последствия фиксированного положения в вашем проекте; вам может понадобиться добавить дополнительный CSS.

<div class="fixed-bottom">...</div>

Sticky верх

Поместите элемент вверху области просмотра, от края до края, но только после прокрутки. Утилита .sticky-top использует CSS position: sticky, которая не полностью поддерживается во всех браузерах.

<div class="sticky-top">...</div>