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 addicionals.
<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 addicionals.
<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-top
utilitat utilitza CSS's position: sticky
, que no és totalment compatible amb tots els navegadors.
IE11 i IE10 es mostraran position: sticky
com a position: relative
. Com a tal, embolcallem els estils en una @supports
consulta, limitant l'adherència només als navegadors que la puguin representar correctament.
<div class="sticky-top">...</div>