Crowdly

No es un componente BootStrap.

Me permite navegar entre grupos de contenidos relacionados a lo largo de distintas páginas.

Permite mostrar una serie de opciones que, correctamente enlazadas, me permitirán paginar la web con anclas.

En relación al componente Alert:

No es un componente BootStrap.

Podemos usarlo para construir elementos como los avisos de Cookies que estamos viendo permanentemente en todas las páginas.

Tiene un elemento padre con la clase alert-X.

Me sirve para mostrar avisos al usuario,

La altura de los dispositivos en la cual se produce un cambio del layout o maquetación.

Un breakpoint es:

La altura de las imágenes que provoca que nuestra web se deje de ver correctamente.

El momento en que se gira un dispositivo, lo que provoca que se rompa (break) la maquetación que se había planificado.

La anchura de los dispositivos en la cual se produce un cambio del layout o maquetación.

En BootStrap, para maquetar de forma responsiva, se establecen:

8 tipos de pantallas.

Los tipos de pantallas que nosotros queramos, para eso es un framework que nos ayuda a hacer diseño responsivo.

6 tipos de pantallas.

5 tipos de pantallas.

Si tengo el siguiente código HTML y estoy usando BootStrap:

RESPUESTA 1. El resultado es una fila que contiene un elemento que ocupa 6 columnas y se separa 3 del borde izquierdo de la fila, o lo que es lo mismo, está centrado ya que la cantidad de columnas que puede tener una fila no puede ser superior a 12.

RESPUESTA 4. La RESPUESTA 1, sólo es válida para pantallas mayores de 768px. En pantallas menores el elemento ocupa todo lo ancho del contenedor en el que está la fila.

RESPUESTA 2. El resultado es una fila que contiene un elemento que ocupa 3 columnas y está pegado a la izquierda.

RESPUESTA 3. La RESPUESTA 1, sólo es válida para pantallas extra pequeñas y pequeñas, para mayores el elemento ocupa todo lo ancho del contenedor en el que está la fila.

Puede tener cabecera, titulo, cuerpo y pie.

El componente Modal:

Necesita además de un elemento para que lo muestre, este debe tener el

atributo data-bs-dismiss="modal" adecuado.

Necesita además de un elemento para que lo muestre, este debe tener el atributo data-toggle="modal" y el atributo data-target adecuado.

Sirve para mostrar cuadros de diálogo, deshabilitando ó no el resto de la página.

Necesita además de un elemento para que lo muestre, este debe tener el atributo data-bs-toggle="modal" y el atributo data-bs-target adecuado.

Puede tener cabecera, titulo, cuerpo y pie y todos estos elementos son obligatorios.

Para hacer que una imagen sea responsiva con BootStrap:

Solo se puede hacer una imagen responsiva con el tamaño dado en porcentaje.

Debemos añadir la clase img-fluid al contenedor padre de la etiqueta img.

Sólo lo podremos hacer si la imagen está dentro de una etiqueta figure.

Debemos añadir la clase img-fluid a la etiqueta img.

Con BootStrap, daré alineación al texto con las clases:

text-end

text-center

text- right

text-aling-center

El componente Toast de BootStrap:

Los encabezados de toasts usan display: flex.

Los encabezados de toasts usan display: grid.

Las insignias se escalan para coincidir con el tamaño del elemento padre inmediato mediante el uso de tamaños de fuente relativos y unidades em.

Son notificaciones livianas diseñadas para imitar las notificaciones automáticas que se han popularizado en los sistemas operativos móviles y de escritorio.

El asistente de proporción para administrar las proporciones de contenido externo como "iframe", "embed", "video" y "object", utiliza las clases:

ratio ratio-16x9

embed-responsive-16by9

embed-responsive-1by1

embed-responsive-21by9

ratio ratio-21x9