Source

pusizioni

Aduprate queste utility shorthand per cunfigurà rapidamente a pusizione di un elementu.

Valori cumuni

E classi di posizionamentu rapidu sò dispunibuli, ancu s'ellu ùn sò micca responsive.

<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>

Top fissu

Pone un elementu à a cima di a finestra di vista, da u cantu à l'altru. Assicuratevi di capiscenu e ramificazioni di a pusizione fissa in u vostru prughjettu; pudete avè bisognu di aghjunghje CSS supplementari.

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

U fondu fissu

Posizionate un elementu in u fondu di a finestra di vista, da u cantu à u latu. Assicuratevi di capiscenu e ramificazioni di a pusizione fissa in u vostru prughjettu; pudete avè bisognu di aghjunghje CSS supplementari.

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

Cima appiccicosa

Pone un elementu in a cima di a finestra di vista, da u cantu à u latu, ma solu dopu chì scorri. L' .sticky-toputilità usa CSS's position: sticky, chì ùn hè micca cumplettamente supportatu in tutti i navigatori.

IE11 è IE10 renderanu position: stickycum'è position: relative. Cum'è tali, mettimu i stili in una @supportsquistione, limitendu a stickiness à solu i navigatori chì ponu rende bè.

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