¿Cómo crear un grupo de botones Bootstrap 5?

Izquierda

Medio

Derecha

`:Esto crea el contenedor del grupo de botones. El atributo `role="group"` indica que los botones dentro de este contenedor son parte de un grupo, y el atributo `aria-label` proporciona una descripción del propósito del grupo de botones.

2. `Izquierda `:Esto crea el primer botón dentro del grupo. El atributo `type="button"` especifica que el botón no envía un formulario, y los atributos `class="btn btn-primary"` diseñan el botón como un botón principal en el tema predeterminado de Bootstrap.

3. De manera similar, los otros dos elementos `` crean los botones central y derecho con el mismo estilo y funcionalidad.

El grupo de botones resultante se verá así:

[Imagen de un grupo de botones con tres botones principales denominados "Izquierdo", "Medio" y "Derecho"]

Puede personalizar el grupo de botones agregando botones adicionales, cambiando los estilos de los botones y modificando el atributo "aria-label" para proporcionar una descripción diferente.

Aquí hay algunas opciones adicionales para personalizar grupos de botones:

* Para alinear verticalmente los botones, agregue la clase `btn-group-vertical` al contenedor `

`.

* Para crear un conjunto de botones de radio, agregue el atributo de datos `btn-group-toggle` al contenedor `

` y establezca el atributo `role="radiogroup"` en el elemento `` dentro de cada ` `.

* Para crear un conjunto de casillas de verificación, agregue el atributo de datos `btn-group-toggle` al contenedor `

` y establezca el atributo `role="checkboxgroup"` en el elemento `` dentro de cada ``.

* Para deshabilitar un botón, agregue el atributo `disabled` al elemento `

`.

Los grupos de botones son un componente versátil en Bootstrap 5 que le permiten crear fácilmente varias configuraciones y estilos de botones.