Source

Posición

Use estas utilidades abreviadas para configurar rapidamente a posición dun elemento.

Valores comúns

Están dispoñibles clases de posicionamento rápido, aínda que non responden.

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

Parte superior fixa

Coloca un elemento na parte superior da ventana gráfica, de borde a bordo. Asegúrese de comprender as ramificacións da posición fixa no seu proxecto; quizais necesite engadir CSS adicional.

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

Fondo fixo

Coloca un elemento na parte inferior da ventana gráfica, de borde a bordo. Asegúrese de comprender as ramificacións da posición fixa no seu proxecto; quizais necesite engadir CSS adicional.

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

Parte superior pegajosa

Coloca un elemento na parte superior da ventana gráfica, dun borde a outro, pero só despois de pasar por el. A .sticky-toputilidade usa CSS position: sticky, que non é totalmente compatible con todos os navegadores.

IE11 e IE10 mostraranse position: stickycomo position: relative. Como tal, envolvemos os estilos nunha @supportsconsulta, limitando a adherencia só aos navegadores que poden renderizalo correctamente.

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