Перейти к основному содержанию Перейти к навигации по документации
View on GitHub

Положение

Используйте эти помощники для быстрой настройки положения элемента.

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

Расположите элемент вверху области просмотра от края до края. Убедитесь, что Вы понимаете последствия фиксированной позиции в Вашем проекте; Вам может потребоваться добавить дополнительный 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>