Bootstrap 4 le permite agrupar una serie de botones (en una sola línea) en un grupo de botones:
La clase .btn-group crea un grupo de botones:
Use un //div// elemento con clase .btn-grouppara crear un grupo de botones:
Consejo: en lugar de aplicar tamaños de botón a cada botón de un grupo, use class .btn-group-lgpara un grupo de botones grande o el .btn-group-smpara un grupo de botones pequeño:
Agregue la clase .btn-group- * para cambiar el tamaño de todos los botones en un grupo de botones.
Utilice la clase .btn-group-vertical para crear un grupo de botones vertical:
Utilice la clase .btn-group-verticalpara crear un grupo de botones vertical:
Nido de grupos de botones para crear menús desplegables:
Los grupos de botones están "en línea" de forma predeterminada, lo que hace que aparezcan uno al lado del otro cuando tienes varios grupos: