|
Home
|
Ferragens
|
Networking
|
Programação
|
Software
|
Pergunta
|
Sistemas
|
Pergunta
Os vírus de computador
Converta arquivos
Suporte Laptop
Laptop Troubleshooting
Suporte PC
PC Resolução de problemas
senhas
Solucionar erros do computador
Desinstalar Hardware & Software
Google
VPN
Videos
AI
ChatGPT
OpenAI
Gemini
Browser
*
Rede de conhecimento computador
>>
Pergunta
>>
PC Resolução de problemas
>> Content
Como criar botões no Bootstrap 5?
Para criar botões no Bootstrap 5, você pode usar o elemento `
` junto com as classes de botão Bootstrap apropriadas. Veja como você pode criar diferentes tipos de botões usando Bootstrap 5:
Botão padrão:
```html
Padrão
```
Isso cria um botão azul padrão.
Botões de cores personalizadas:
Para criar botões com cores diferentes, você pode usar as classes `btn-{color}`, onde `{color}` pode ser substituído por um dos seguintes:
- primário
- secundário
- sucesso
- perigo
- aviso
- informações
- luz
- escuro
Por exemplo, para criar um botão vermelho:
```html
Perigo
```
Botões de contorno:
Para criar botões de contorno, use as classes `btn-outline-{color}`. Por exemplo, para criar um botão contornado em vermelho:
```html
Perigo
```
Botões desativados:
Para desabilitar um botão, adicione o atributo `disabled` a ele.
```html
Desativado
```
Tamanhos de botão:
Você também pode alterar o tamanho dos botões usando as classes `btn-{size}`, onde `{size}` pode ser um dos seguintes:
- sm (pequeno)
-lg (grande)
Por exemplo, para criar um pequeno botão:
```html
Pequeno
```
Estilo personalizado:
Você pode personalizar ainda mais a aparência dos botões adicionando estilos CSS personalizados a eles.
Aqui está uma tabela que resume as classes de botões do Bootstrap 5 e seus efeitos:
| Classe | Efeito |
|---|---|
| `btn` | Cria um botão básico. |
| `btn-primário` | Cria um botão azul. |
| `btn-secundário` | Cria um botão cinza. |
| `btn-sucesso` | Cria um botão verde. |
| `btn-perigo` | Cria um botão vermelho. |
| `btn-aviso` | Cria um botão amarelo. |
| `btn-info` | Cria um botão azul claro. |
| `btn-light` | Cria um botão branco. |
| `btn-escuro` | Cria um botão preto. |
| `btn-outline-{cor}` | Cria um botão de contorno na cor especificada. |
| `btn-{tamanho}` | Altera o tamanho do botão. |
Você pode combinar várias classes para criar estilos de botão mais complexos. Por exemplo, o código a seguir cria um pequeno botão vermelho contornado:
```html
Pequeno
```
Anterior :
Como criar breadcrumbs do Bootstrap 5?
Próximo :
Como criar um grupo de botões Bootstrap 5?
Os artigos relacionados
·
Como excluir uma única mensagem no Hangouts
·
Como recuperar mensagens de texto excluídas permanente…
·
Como solucionar um Pavilion ZE2000 HP
·
Como corrigir erros de fórmulas do Excel?
·
Como criar adesivos personalizados para Telegram
·
Por que meu Temperatura CPU é muito alto
·
Como criar o Tinder sem número de telefone
·
Como desbloquear todos os iPhones [abril de 2021]
·
Como inserir animações Lottie no WordPress?
·
Por que meu relógio do Windows Não manter a hora corr…
Artigos em destaque
·
Como excluir ScanSoft PaperPort
·
Como remover Bloodhound.W32.Ep
·
Como solucionar um Evo N600C
·
Como reduzir Computer Gagueira
·
Como corrigir um erro que ocorreu no Script
·
Como ver muitos inscritos que um streamer possui
·
Eu não posso Desautorizar Conta Audible iTunes
·
Como remover uma senha esquecida XP
·
Como atualizar Drivers Zebra sem fio no QL320 Mais
·
Como saber se uma bateria do laptop é cobrado
Cop e direita © Rede de conhecimento computador http://ptcomputador.com Todos os Direitos Reservados