Posizione

Utilizzare questi helper per configurare rapidamente la posizione di un elemento.

Su questa pagina

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 ulteriori CSS.

<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 ulteriori CSS.

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

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

Fondo appiccicoso

Posiziona un elemento nella parte inferiore della finestra, da bordo a bordo, ma solo dopo averlo superato.

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

Fondo appiccicoso reattivo

Esistono anche variazioni reattive per .sticky-bottomutilità.

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