Posición

Parte superior fija

Coloque un elemento en la parte superior de la ventana gráfica, de borde a borde. Asegúrese de comprender las ramificaciones de la posición fija en su proyecto; es posible que deba agregar CSS adicional.

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

fondo fijo

Coloque un elemento en la parte inferior de la ventana gráfica, de borde a borde. Asegúrese de comprender las ramificaciones de la posición fija en su proyecto; es posible que deba agregar CSS adicional.

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

parte superior pegajosa

Coloque un elemento en la parte superior de la ventana gráfica, de borde a borde, pero solo después de pasarlo. La .sticky-toputilidad utiliza CSS position: sticky, que no es totalmente compatible con todos los navegadores.

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

Parte superior adhesiva receptiva

También existen variaciones de respuesta para .sticky-topla utilidad.

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