tutoriais mais recente desenvolvimento web
 

Bootstrap CSS Buttons Reference


Cores do botão


tamanhos de botão


Active/Disabled Botões


Botão de nível de bloco


Classes de botão

As classes abaixo pode ser usado para denominar qualquer <a>, <button> , ou <input> elemento:

Classe Descrição Exemplo
.btn Adiciona um estilo básico para qualquer botão Tente
.btn-default Indica um botão default / padrão Tente
.btn-primary Fornece peso extra visual e identifica a ação primária em um conjunto de botões Tente
.btn-success Indica uma ação bem-sucedida ou positivo Tente
.btn-info botão contextual para mensagens de alerta informativo Tente
.btn-warning Indica que o cuidado deve ser tomado com esta ação Tente
.btn-danger Indica uma ação perigosa ou potencialmente negativo Tente
.btn-link Faz um botão parecido com um link (ainda terá comportamento do botão) Tente
.btn-lg Faz um grande botão Tente
.btn-sm Faz um pequeno botão Tente
.btn-xs Faz um botão extra pequeno Tente
.btn-block Faz um botão em nível de bloco (se estende por toda a largura do elemento pai) Tente
.active Faz o botão aparece pressionado Tente
.disabled Faz o botão desativada Tente