Botones

Estilos de botones

Bootstrap 4 proporciona diferentes estilos de botones:




Elementos del botón

Botón de Enlace



Esquema de Botón




Tamaños de botones

Utilice la .btn-lgclase para botones grandes o la .btn-smclase para botones pequeños:




Botones de nivel de bloque

Agregue una clase .btn-blockpara crear un botón de nivel de bloque que abarque todo el ancho del elemento principal.


Botones de nivel de bloque



Botones de nivel de bloque grande



Botones de nivel de bloque pequeño




Estados de los botones

Un botón se puede establecer en un estado activo (parecer presionado) o deshabilitado (no se puede hacer clic):

Enlace Desactivado

La clase .activehace que un botón parezca presionado y el disabledatributo hace que no se pueda hacer clic en un botón. Tenga en cuenta que los elementos no admiten el atributo disabled y, por lo tanto, deben usar la .disabledclase para que aparezca visualmente deshabilitado.




Botones giratorios

Agregar hilanderos a los botones: