Негізгі мазмұнға өту Құжаттар шарлауына өту
in English

Позиция

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

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

Элементті көру терезесінің жоғарғы жағына шетінен шетіне орналастырыңыз. Жобаңыздағы тұрақты позицияның салдарын түсінгеніңізге көз жеткізіңіз; сізге қосымша 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>