Los botones de Bootstrap

Este grupo contiene estilos individuales, que transforman un texto seleccionado en un botón o insignia.

Para asignarse correctamente se deben seguir estos pasos.

  1. Seleccionar un texto
  2. Elegir si el estilo del botón será sólido o delineado (o si será una insignia badge).
  3. Asignar el color
  4. Asignar una variable (opcional)
  5. Añadir un enlace

La paleta de color de Bootstrap también afecta los botones y las insignias, permitiendo utilizar 8 colores diferentes y 2 estilos alternativos: colores sólidos y colores delinieados.

Botones

Primary   Secondary   Success   Info   Warning   Danger   Light   Dark

Primary   Secondary   Success   Info   Warning   Danger   Light   Dark


Tamaños y estados.

Los tamaños disponibles para transformar tu botones son:

Grande    Normal    Pequeño

En bloque: Este tipo de tamaño abarca todo el ancho de un contenedor.

Botón en bloque

Desactivado: Este es un estado para asignar a tus botones, se ocupa habitualmente cuando quieres cancelar la acción de clic.

Botón activo    Botón inactivo


Las insignias o badges:

No son propiamente botones, sino elementos para resaltar algún dato secundario, como una acotación o un conteo.

primary    secondary    success    info   warning    danger   light    dark

Sus colores y forma también dependen de la gama preestablecida en Bootstrap y puede formar parte de un botón, además de ser redondeado.

en botón 10     redondeado 10