Позиция

Элемент орнын жылдам конфигурациялау үшін осы көмекшілерді пайдаланыңыз.

Бұл бетте

Бекітілген жоғарғы

Элементті көру терезесінің жоғарғы жағына шетінен шетіне орналастырыңыз. Жобаңыздағы тұрақты позицияның салдарын түсінгеніңізге көз жеткізіңіз; сізге қосымша CSS қосу қажет болуы мүмкін.

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

Бекітілген түбі

Элементті көру терезесінің төменгі жағына шетінен шетіне орналастырыңыз. Жобаңыздағы тұрақты позицияның салдарын түсінгеніңізге көз жеткізіңіз; сізге қосымша CSS қосу қажет болуы мүмкін.

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

Жабысқақ үстіңгі жағы

Элементті көру терезесінің жоғарғы жағына шетінен шетіне қарай орналастырыңыз, бірақ оның жанынан өткеннен кейін ғана. .sticky-topУтилита position: stickyбарлық браузерлерде толық қолдау көрсетілмейтін CSS-ті пайдаланады .

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

Жауап беретін жабысқақ үстіңгі жағы

.sticky-topУтилита үшін жауап беретін нұсқалар да бар .

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>