Desbordamiento
Utiliza estas utilidades para configurar rápidamente cómo el contenido desborda un elemento.
🎉 ¡La traducción de Bootstrap 5.3 ya se encuentra disponible!
(Estás en Bootstrap 5.1)
😎 Esta traducción es parte del proyecto esdocu.com.
😎 Esta traducción es parte del proyecto esdocu.com.
Ajusta la propiedad overflow sobre la marcha con cuatro valores y clases predeterminados. Estas
clases no son responsive de forma predeterminada.
Este es un ejemplo del uso de
.overflow-auto en un elemento con dimensiones establecidas de
ancho y alto. Por diseño, este contenido se desplazará verticalmente.
Este es un ejemplo del uso de
.overflow-hidden en un elemento con dimensiones establecidas de
ancho y alto.
Este es un ejemplo del uso de
.overflow-visible en un elemento con dimensiones establecidas de
ancho y alto.
Este es un ejemplo del uso de
.overflow-scroll en un elemento con dimensiones establecidas de
ancho y alto.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>
Con las variables de Sass, puedes personalizar las utilidades de desbordamiento cambiando la variable
$overflows en _variables.scss.
Sass
API de utilidades
Las utilidades de desbordamiento se declaran en nuestra API de utilidades en
scss/_utilities.scss. Aprende a usar la API de
utilidades.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),
🎉 ¡La traducción de Bootstrap 5.3 ya se encuentra disponible!
(Estás en Bootstrap 5.1)
😎 Esta traducción es parte del proyecto esdocu.com.
😎 Esta traducción es parte del proyecto esdocu.com.