Grupo de Botones

Al igual que el partado anterior (Botones) vamos a ver otro elemento que permite el agrupamiento de estos elementos de una manera más compacta y definida en tres tamaños diferentes.

Grupo de Botones Tamaños

La biblioteca cuenta con tres tamaños (LG, MD, SM) para la definición de estos elementos.
La clase utilizada es btn-group / btn-grupo y la misma envuelve a los botones que se deseen agrupar.

Grupo de Botones Medianos

Botón 1 Botón 2 Botón 3 Botón 4 
        

            

                Botón 1
                Botón 2
                Botón 3
                Botón 4

Grupo de Botones Pequeños

Para declarar botones más pequeños utilizamos btn-group-sm y los mismos se alinearán de la misma manera que en los botones medianos pero de tamaño más pequeño.

Botón 1 Botón 2 Botón 3 Botón 4 
         

            

                Botón 1
                Botón 2
                Botón 3
                Botón 4

Grupo de Botones Grandes

Botón 1 Botón 2 Botón 3 Botón 4 
            

                Botón 1
                Botón 2
                Botón 3
                Botón 4
Los colores de los botones pueden ser cualquiera de los documentados en la sección de botones y los Colores colores de fondo en la sección colores de esta documentación.

Alias en Inglés

Desde la versión 4.0.0 se crearo alias para los grupos de botones en los tres tamaños.

Español Inglés
.btn-grupo .btn-group
.btn-grupo-sm .btn-group-sm
.btn-grupo-lg .btn-group-lg

Ejemplos Prácticos

Es posible crear un grupo de botones que simule una barra de navegación utilizando las propiedades de flexbox aportadas a lo largo de la documentación, las propiedades de bordes e íconos.
Para los ejemplos anteriores se utlizaron clases de los siguientes apartados:
`r`n