Bootstrap
Herramientas y diseños css

Diseñador de botones para bootstrap

Diseña y cambia el estilo de los botones para bootstrap. Podrás modificar los colores (solido, degradado, borde, texto), añadir sombra modificar el padding, margin, el redondeado de las esquinas, estilo de borde, transición, etc. Genera una previsualización y el código css listo para insertar.

Normal

Default
Primary
Success
Info
Warning
Danger

Background color

Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección

Text color

Border Color

Shadow


Focus

Default
Primary
Success
Info
Warning
Danger

Background color

Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección

Text color

Border Color

Shadow


Hover

Default
Primary
Success
Info
Warning
Danger

Background color

Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección

Text color

Border Color

Shadow


Active

Default
Primary
Success
Info
Warning
Danger

Background color

Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección

Text color

Border Color

Shadow


Active:Hover

Default
Primary
Success
Info
Warning
Danger

Background color

Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección

Text color

Border Color

Shadow


Disabled

Default
Primary
Success
Info
Warning
Danger

Background color

Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección
Principal
Secundario
Dirección

Text color

Border Color

Shadow


General

Border Size
Border Radius
Padding
Margin
Border Style
Transition
Transition time

Resultado

Default
Primary
Success
Info
Warning
Danger
Default
Primary
Success
Info
Warning
Danger
Default
Primary
Success
Info
Warning
Danger
Default
Primary
Success
Info
Warning
Danger

Código CSS