1715123, 16:34 Offeanvas - Bootstrap v5.9 EO UCN CRC icic a Buscar documentos... cw+/|| | yor | Ver en GitHub Offcanvas Cree barras laterales ocultas en su proyecto para navegaci6n, carritos de compras y mas con algunas clases y nuestro complemento de JavaScript. Obtenga 10 imagenes gratis de Adobe Stock, Empezar ahora, anuncios a través de Carbon En esta pagina Cémo funciona Ejemplos Componentes fuera del lienzo Demo en vivo Colocacién Fondo Accesibilidad Hablar con descaro a Variables Uso A través de atributos de datos A través de JavaScript Opciones Métodos Eventos Cémo funciona hitpssigetbootstrap.comidocs/.oicomponents‘offcanvas! ano7529, 6:94 feanvas- Bootstrap v5 0 Offcanvas es un componente de la barra lateral que se puede alternar a través de JavaScript para que aparezca desde el borde izquierdo, derecho o inferior de la ventana grafica. Los botones 0 anclas se usan como activadores que se adjuntan a elementos especificos que alterna, y datalos atributos se usan para invocar nuestro JavaScript. * Offcanvas comparte parte del mismo cédigo JavaScript que los modales. Conceptualmente, son bastante similares, pero son complementos separados. * Del mismo modo, algunas variables Sass de origen para los estilos y dimensiones de offcanvas se heredan de las variables del modal ‘* Cuando se muestra, offcanvas incluye un fondo predeterminado en el que se puede hacer clic para ocultar el offcanvas. * De manera similar a los modales, solo se puede mostrar un lienzo a la vez. jAviso! Dada la forma en que CSS maneja las animaciones, no puede usar margino transiateen un .ofcanvaselemento. En su lugar, utilice la clase como un elemento envolvente independiente. El efecto de animacién de este componente depende de la prefers-reduced-notionconsulta de medios. Consulte la seccién de movimiento reducido de nuestra documentacion de accesibilidad . Ejemplos Componentes fuera del lienzo A continuaci n se muestra un ejemplo fuera del lienzo que se muestra de forma predeterminada (a través . shoude .offcanvas). Offcanvas incluye compatibilidad con un encabezado con un botén de cierre y una clase de cuerpo opcional para algunos archivos padding. Le sugerimos que incluya encabezados fuera del lienzo con acciones de descarte siempre que sea posible, o proporcione una accién de descarte explicita. Offcanvas x El contenido del offcanvas va aqui. Puede colocar casi cualquier componente de Bootstrap 0 elementos personalizados aqui. hitpsfigetbootstrap.comidocs/5.0lcomponents/offcanvas! 2n01715123, 16:34 Offeanvas - Bootstrap v5.9 id="offcanvas" aria-labelledby="oF¥c