Source

Posició

Utilitzeu aquestes utilitats abreujades per configurar ràpidament la posició d'un element.

Valors comuns

Hi ha classes de posicionament ràpid disponibles, tot i que no responen.

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

Part superior fixa

Col·loca un element a la part superior de la finestra gràfica, d'una vora a una altra. Assegureu-vos d'entendre les ramificacions de la posició fixa al vostre projecte; potser haureu d'afegir CSS addicional.

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

Fons fix

Col·loca un element a la part inferior de la finestra gràfica, d'una vora a una altra. Assegureu-vos d'entendre les ramificacions de la posició fixa al vostre projecte; potser haureu d'afegir CSS addicional.

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

Part superior enganxosa

Col·loqueu un element a la part superior de la finestra gràfica, d'una vora a una altra, però només després de desplaçar-vos-hi. La .sticky-toputilitat utilitza CSS's position: sticky, que no és totalment compatible amb tots els navegadors.

IE11 i IE10 es mostraran position: stickycom a position: relative. Com a tal, embolcallem els estils en una @supportsconsulta, limitant l'adherència només als navegadors que la puguin representar correctament.

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