Pożizzjoni

Uża dawn l-helpers biex tikkonfigura malajr il-pożizzjoni ta 'element.

Fuq din il-paġna

Fuq fiss

Poġġi element fil-quċċata tal-vetrina, minn tarf għal tarf. Kun żgur li tifhem ir-ramifikazzjonijiet tal-pożizzjoni fissa fil-proġett tiegħek; jista' jkollok bżonn iżżid CSS addizzjonali.

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

Qiegħ fiss

Poġġi element fil-qiegħ tal-viewport, minn tarf għal tarf. Kun żgur li tifhem ir-ramifikazzjonijiet tal-pożizzjoni fissa fil-proġett tiegħek; jista' jkollok bżonn iżżid CSS addizzjonali.

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

Top li jwaħħal

Poġġi element fil-quċċata tal-vetrina, minn tarf għal tarf, iżda biss wara li tiskrollja minnha. L .sticky-top-utilità tuża CSS's position: sticky, li mhix appoġġjata bis-sħiħ fil-browsers kollha.

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

Top twaħħal li jirrispondu

Jeżistu wkoll varjazzjonijiet li jirrispondu għall .sticky-top-utilità.

<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>