Bootstrap
Herramientas y diseños css

Botones para bootstrap (1)

Diseño de botones y desplegables para bootstrap. Válidos para todos los tamaños de botones y desplegables. Estilo en color plano y en gradientes y efectos de sombras.

Diseño

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

            
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	border-width: 1px;
	border-style: solid;
	border-radius: 25px;
	padding: 6px 12px 6px 12px;
	margin: 0px 1px 0px 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all none 0.2s;
}
.btn-xs,.btn-group-xs>.btn {
	padding:1px 5px 1px 5px;
	border-radius:23px;
}
.btn-sm,.btn-group-sm>.btn {
	padding:5px 10px 5px 10px;
	border-radius:23px;
}
.btn-lg,.btn-group-lg>.btn {
	padding:10px 16px 10px 16px;
	border-radius:26px;
}