---
title: Buttons
localeTitle: Botões
---
## Botões
A estrutura do Bootstrap fornece várias opções de estilo para botões. Esses estilos ajudam você a fornecer uma representação visual ao usuário do que o botão pode fazer.
#### Como usar:
Para usar os botões de bootstrap, você segue as mesmas etapas para criar um botão em HTML, exceto que também aplica a classe CSS aplicável ao botão. Um exemplo de código foi fornecido abaixo.
**Exemplo de código:**
``
Primário
Você também pode usar botões de bootstrap com os elementos `` e `` , conforme mostrado nos exemplos abaixo.
`This button is a link`
[Este botão é um link](#)
``
#### Lista de Classes do Botão de Inicialização:
Esta é uma lista das classes CSS que o bootstrap fornece para os botões.
`.btn` Este é o botão básico do bootstrap.
Basic
`.btn-default` Este é o botão padrão do bootstrap.
Padrão
`.btn-primary` Este é o botão principal do bootstrap.
Primário
`.btn-success` Este é o botão de sucesso do bootstrap.
Sucesso
`.btn-info` Este é o botão de informações do bootstrap.
Info
`.btn-warning` Este é o botão de aviso do bootstrap.
Aviso
`.btn-danger` Este é o botão de perigo do bootstrap.
perigo
`.btn-link` Este é o botão de link do bootstrap.
Ligação
`.btn-light` Este é o botão de luz do bootstrap.
Leve
#### Tamanhos de botão de inicialização:
Esta é uma lista das classes CSS para tamanhos diferentes dos botões.
`.btn-lg` Este é o botão grande do bootstrap.
ampla
`.btn-sm` Este é o pequeno botão do bootstrap.
Pequeno
`.btn-xs` Este é o botão extra pequeno do bootstrap.
Muito pequeno
#### Bootstrap Delineou Botões:
É possível também ter botões delineados em vez de totalmente coloridos nos botões. Isso é conseguido colocando o `outline` correção intermediária entre a classe de botão desejada. Um uso de amostra seria o seguinte:
``
Os botões descritos fazem parte do Bootstrap desde a versão 4, por favor, certifique-se de que você está usando a versão correta, caso não consiga fazê-los funcionar.
_Nota: Não inclua o ponto no Atributo de Classe HTML, referindo-se às classes com um ponto só é usado ao ajustar as classes em CSS._
#### Mais Informações:
* [Documentação dos botões do Bootstrap](https://getbootstrap.com/docs/4.0/components/buttons/)
* [Documentação do Bootstrap Button Group](http://getbootstrap.com/docs/4.0/components/button-group/)
* [Inicialização do Bootstrap](/articles/bootstrap/bootstrap-get-started)