Posizione

Parte superiore fissa

Posiziona un elemento nella parte superiore della finestra, da bordo a bordo. Assicurati di comprendere le ramificazioni della posizione fissa nel tuo progetto; potrebbe essere necessario aggiungere CSS aggiuntivi.

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

Fondo fisso

Posiziona un elemento nella parte inferiore della finestra, da bordo a bordo. Assicurati di comprendere le ramificazioni della posizione fissa nel tuo progetto; potrebbe essere necessario aggiungere CSS aggiuntivi.

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

Parte superiore appiccicosa

Posiziona un elemento nella parte superiore della finestra, da bordo a bordo, ma solo dopo averlo superato. L' .sticky-toputilità utilizza CSS position: sticky, che non è completamente supportato in tutti i browser.

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

Top appiccicoso reattivo

Esistono anche variazioni reattive per .sticky-toputilità.

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