Положение

Фиксация вверху

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

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

Фиксация внизу

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

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

Приклеено к верху

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

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

Отзывчиво приклеено к верху

Адаптивные варианты также существуют для утилиты .sticky-top.

<div class="sticky-sm-top">Придерживайтесь верхней части окна просмотра размером SM (маленький) или шире</div>
<div class="sticky-md-top">Придерживайтесь верхней части окна просмотра размером MD (средний) или шире</div>
<div class="sticky-lg-top">Придерживайтесь верхней части окна просмотра размером LG (большой) или шире</div>
<div class="sticky-xl-top">Придерживайтесь верхней части окна просмотра размером XL (очень большой) или шире</div>