COMPONENTES DE BOOTSTRAP

ALERTAS

Las alertas son un tipo de notificacion que se da a los usuarios.

Probamos los otros tipos de alerta

Creamos hipervínculos dentro de las alertas
Vamos añadirle un titulo a la alerta
Agregamos el titulo a las demás alertas
Vamos a ver ahora la inserción de badges

Un badge es como una insignea o notificación, agregamos otro bloque de badges y les
asignamos colores
Voy a crear otra row para ver como redondeamos mas los batch pill es pastilla
Podemos hacer que estos badge sean enlaces
Vamos a crear un botón con badge, creamos primero el botón

Puedo agregar un badge dentro de un botón para ello

BOTONES

Creamos la clase para el botón

Cambiamos el estilo del botón

Le damos color al botón

Añadimos los demás botones con sus respectivos colores

Creamos dos tipos de botones mas

Existe otro estilo de botón estilo de línea externa

Podemos cambiar los tamaños de los botones
Podemos hacer que usen todo el espacio los botones

Estados de los botones

Active cuando presiono el botón

Agregamos la clase active

Estilo disabled

En los enlaces no funciona

Enlaces link
Grupo de botones

Ahora lo agrupamos en un div

Reproductores de música y toolbars

Modificamos el col de 6

Agregamos un tolbar boton

Bootstrap le quita los espacios

Le vamos a dar un margen a la derecha de 2

Variaciones con los grupos de botones

Ahora puedo cambiar el tamaño de botones a todo el grupo
Podemos hacer variación de orientación

Agregamos una nueva row con separador

CARDS O TARJETAS
Modificamos para una columna de 4

El texto debe estar a;adido dentro de una etiqueta card-body

Automaticamente se le agrega un padding

Vamos agregar botones a la tarjeta

A las tarjetas también podemos agregarle imágenes, para ello me ubico fuera del card body

Agregamos otro card con subtitulo

Agregamos un text-muted y un margen debajo de 2 para el subtitutlo

Modificamos el estilo del botón y lo duplicamos