Referência de Botões CSS do Bootstrap

❮ Anterior Próximo ❯

Cores dos botões

Tamanhos de botão

Botões ativos/desativados

Botão de nível de bloco

Grupos de botões

Classes de botões

As classes abaixo podem ser usadas para estilizar qualquer elemento <a>, <button> ou <input>:

Class	Description	Example
.btn	Adds basic styling to any button
.btn-default	Indicates a default/standard button
.btn-primary	Provides extra visual weight and identifies the primary action in a set of buttons
.btn-success	Indicates a successful or positive action
.btn-info	Contextual button for informational alert messages
.btn-warning	Indicates caution should be taken with this action
.btn-danger	Indicates a dangerous or potentially negative action
.btn-link	Makes a button look like a link (will still have button behavior)
.btn-lg	Makes a large button
.btn-sm	Makes a small button
.btn-xs	Makes an extra small button
.btn-block	Makes a block-level button (spans the full width of the parent element)
.active	Makes the button appear pressed
.disabled	Makes the button disabled
.navbar-btn	Vertically aligns a button inside a navbar

Classes de grupo de botões

As classes abaixo podem ser usadas para estilizar qualquer elemento <a>, <button> ou <input>:

Class	Description	Example
.btn-group	Groups buttons together on a single line
.btn-group-justified	Makes a group of buttons span the entire width of the screen
.btn-group-lg	Large button group (makes all buttons in a button group larger - increased font-size and padding)
.btn-group-sm	Small button group (makes all buttons in a button group smaller)
.btn-group-xs	Extra small button group (makes all buttons in a button group extra small)
.btn-group-vertical	Makes a button group appear vertically stacked

❮ Anterior Próximo ❯