Recursos Avançados de Botões
Grupos de Botões
O Bootstrap oferece as classes btn-group e btn-group-vertical para agrupar botões, facilitando uma melhor organização e controle de layout:
btn-group: Esta classe agrupa botões horizontalmente. É adequada para situações em que os botões devem ser exibidos lado a lado, como em barras de ferramentas ou barras de navegação;btn-group-vertical: Esta classe empilha botões verticalmente. É útil quando os botões precisam ser exibidos em uma disposição em coluna, como em menus suspensos ou navegação empilhada.
index.html
Grupos de Botões Toggle
O Bootstrap oferece a classe btn-group-toggle para criar grupos de botões toggle. Esse recurso permite criar conjuntos de botões em que apenas um botão pode estar ativo por vez, semelhante ao funcionamento de botões de opção em um grupo de rádio.
index.html
index.js
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 3.23Recursos Avançados de Botões
Deslize para mostrar o menu
Grupos de Botões
O Bootstrap oferece as classes btn-group e btn-group-vertical para agrupar botões, facilitando uma melhor organização e controle de layout:
btn-group: Esta classe agrupa botões horizontalmente. É adequada para situações em que os botões devem ser exibidos lado a lado, como em barras de ferramentas ou barras de navegação;btn-group-vertical: Esta classe empilha botões verticalmente. É útil quando os botões precisam ser exibidos em uma disposição em coluna, como em menus suspensos ou navegação empilhada.
index.html
Grupos de Botões Toggle
O Bootstrap oferece a classe btn-group-toggle para criar grupos de botões toggle. Esse recurso permite criar conjuntos de botões em que apenas um botão pode estar ativo por vez, semelhante ao funcionamento de botões de opção em um grupo de rádio.
index.html
index.js
Obrigado pelo seu feedback!
