Esquerda
Meio
Direita

`:Isso cria o contêiner do grupo de botões. O atributo `role="group"` indica que os botões dentro deste contêiner fazem parte de um grupo, e o atributo `aria-label` fornece uma descrição da finalidade do grupo de botões.

2. `Esquerda `:Isso cria o primeiro botão dentro do grupo. O atributo `type="button"` especifica que o botão não envia um formulário, e os atributos `class="btn btn-primary"` estilizam o botão como um botão primário no tema padrão do Bootstrap.

3. Da mesma forma, os outros dois elementos `` criam os botões do meio e da direita com o mesmo estilo e funcionalidade.

O grupo de botões resultante ficará assim:

[Imagem de um grupo de botões com três botões principais denominados "Esquerda", "Meio" e "Direita"]

Você pode personalizar o grupo de botões adicionando botões adicionais, alterando os estilos dos botões e modificando o atributo `aria-label` para fornecer uma descrição diferente.

Aqui estão algumas opções adicionais para personalizar grupos de botões:

* Para alinhar verticalmente os botões, adicione a classe `btn-group-vertical` ao contêiner `

`.
* Para criar um conjunto de botões de opção, adicione o atributo de dados `btn-group-toggle` ao contêiner `

` e defina o atributo `role="radiogroup"` no elemento `` dentro de cada ` `.
* Para criar um conjunto de caixas de seleção, adicione o atributo de dados `btn-group-toggle` ao contêiner `

` e defina o atributo `role="checkboxgroup"` no elemento `` dentro de cada ``.
* Para desabilitar um botão, adicione o atributo `disabled` ao elemento `

`.

Os grupos de botões são um componente versátil do Bootstrap 5 que permite criar facilmente várias configurações e estilos de botões.