¿Cómo crear el colapso de Bootstrap 5?

Crear un colapso con Bootstrap 5 implica usar la clase `.collapse` y el atributo `data-bs-toggle="collapse"`. Aquí hay una guía paso a paso:

1. Cree el elemento de alternancia:

- Agregue un botón o cualquier elemento que sirva como palanca para abrir y cerrar el colapso.

- Asigne al elemento de alternancia el atributo `data-bs-toggle="collapse"`.

- Asigne un valor de atributo único `data-bs-target` que corresponda al ID del elemento que desea contraer o expandir.

2. Cree el elemento plegable:

- Crea el elemento que deseas mostrar u ocultar cuando se hace clic en el botón.

- Asigne a este elemento la clase `.collapse` y el ID que coincida con el valor `data-bs-target` del elemento de alternancia.

3. Agregar clases opcionales:

- Bootstrap 5 proporciona clases adicionales para controlar la apariencia del colapso, como por ejemplo:

- `.show`:Esta clase se utiliza para mostrar inicialmente el elemento plegable.

- `.collapse-horizontal`:Esta clase te permite crear un colapso horizontal en lugar de uno vertical.

4. Incluye Bootstrap CSS y JavaScript:

- Asegúrese de incluir los archivos Bootstrap CSS y JavaScript en su documento HTML para habilitar la función de colapso.

A continuación se muestra un ejemplo de código HTML para crear un colapso:

```html

Alternar contraer

```

Recuerde reemplazar "#collapseExample" con el ID único de su elemento plegable y ajuste el selector en el atributo `data-bs-target` en consecuencia.