Posición

Utilice estos ayudantes para configurar rápidamente la posición de un elemento.

En esta página

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.

<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

fondo pegajoso

Coloque un elemento en la parte inferior de la ventana gráfica, de borde a borde, pero solo después de pasarlo.

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

Parte inferior pegajosa receptiva

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

<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>