Say

Yuz dɛn ɛp ya fɔ kɔnfigyut di pozishɔn fɔ wan ɛlimɛnt kwik kwik wan.

Na dis pej

Fiks di tɔp

Pozishɔn wan ɛlimɛnt na di tap pan di viupɔt, frɔm di ɛj to di ɛj. Mek shɔ se yu ɔndastand di ramifications fɔ fiks pozishɔn na yu prɔjek; yu kin nid fɔ ad ɔda CSS.

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

Fiks di bɔt

Pozishɔn wan ɛlimɛnt na di bɔt ɔf di viupɔt, frɔm di ɛj to di ɛj. Mek shɔ se yu ɔndastand di ramifications fɔ fiks pozishɔn na yu prɔjek; yu kin nid fɔ ad ɔda CSS.

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

Stika tɔp

Put wan ɛlimɛnt ɔp di say we yu de si, frɔm wan ɛj to di ɔda ɛj, bɔt na afta yu dɔn skrol pas am.

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

Rispɔnsiv stika tɔp

Rispɔnsiv vɛryushɔn dɛn de bak fɔ .sticky-topyutiliti.

<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Stika bɔt di bot

Put wan ɛlimɛnt na di bɔt ɔf di viupɔt, frɔm wan ɛj to di ɔda ɛj, bɔt na afta yu skrol pas am.

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

Rispɔnsiv stika bɔt

Rispɔnsiv vɛryushɔn dɛn de bak fɔ .sticky-bottomyutiliti.

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