Crowdly

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

ratio ratio-1x1

ratio ratio-16x9

embed-responsive-16by9

embed-responsive-1by1

ratio ratio-21x9

ratio ratio-4x3

embed-responsive-4by3

embed-responsive-21by9

La jerarquía de clases de nuestras páginas maquetadas con BootStrap estará formada por:

Un gutters que contendrá rows (filas) y que a su vez contendrán col-X (columnas).

Varios contenedores unos dentro de otros.

Una serie de rows que contendrán contenedores.

Un contenedor que contendrá rows (filas) y que a su vez contendrán col-X (columnas) pudiendo éstas a su vez anidar nuevas rows.

De estas afirmaciones, di cuáles son verdaderas sobre las siguientes clases BootStrap:

col-X (siendo X un número del 1 al 12) es una clase que me sirve para establecer el ancho que ocupa una columna para todo tipo de pantallas.

col-sm-X (siendo X un número del 1 al 12) es una clase que me sirve para establecer el ancho que ocupa una columna para pantallas menores de 576px.

col-lg-X (siendo X un número del 1 al 12) es una clase que me sirve para establecer el ancho que ocupa una columna para pantallas mayores de 992px.

col-lg-X (siendo X un número del 1 al 12) es una clase que me sirve para establecer el ancho que ocupa una columna para pantallas mayores de 768px.

col-md-X (siendo X un número del 1 al 12) es una clase que me sirve para establecer el ancho que ocupa una columna para pantallas menores de 768px.

col-xl-X (siendo X un número del 1 al 12) es una clase que me sirve para establecer el ancho que ocupa una columna para pantallas de más de 1200px.

BootStrap en relación a los contenedores:

Nos proporciona la clase container-fluid que hace que el contenedor principal de nuestra web ocupe todo el ancho del dispositivo.

Proporciona tres clases container, container-fluid y container-breakpoint.

Nos proporciona la clase container que hace que el contenedor principal de nuestra web aparezca en nuestro dispositivo centrado horizontalmente y dejando márgenes a izquierda y derecha.

Nos proporciona la clase container que hace que el contenedor principal de nuestra web aparezca en nuestro dispositivo centrado verticalmente y dejando márgenes a izquierda y derecha.

Se usan las propiedades CSS de los contenedores flex para maquetar.

En BootStrap:

Al estar basado en contenedores flex podemos forzar para tener más de 12 columnas (elementos) por fila, aunque 12 es la cantidad establecida como referencia, si fijamos la anchura de cada columna.

Únicamente podemos tener hasta 12 filas por columna.

Únicamente podemos tener hasta 12 columnas por fila.

Adapta su tamaño al de su padre.

El componente Badge:

Para convertir un elemento en un componente badge deberemos añadir la clase badge-X.

Es muy útil para los menús.

Se suele utilizar para contadores, carritos de la compra etc...

Se puede construir con la etiqueta "a" como raíz.

El componente Nav:

Se puede construir con etiquetas html de listas (etiquetas ul y li).

Se puede construir con la etiqueta html semantica "nav" como raíz.

Es imprescindible que el elemento raíz sea una etiqueta "nav".

No se puede quitar ya que BootStrap lo impone con su hoja de estilos.

El gutter es:

Un padding a izquierda y a

derecha de 1.5rem

( 24px)

que

por defecto BootStrap añade a las columnas.

Se puede eliminar añadiendo la clase g-0 a la fila que contiene las columnas.

Se puede eliminar añadiendo la clase no-gutters a las columnas.

Cuando queremos usar BootStrap, ¿qué tenemos que añadir a nuestro fichero HTML?

Añadir dentro de la etiqueta body e

l script con el JavaScript de BootStrap y el de la librería

Popper, juntos o por separado.

Añadir una etiqueta link en la cabecera para usar la hoja de estilos de BootStrap.

Añadir dentro de la etiqueta head e

l script con el JavaScript de BootStrap y el de la librería

Popper juntos o por separado.

Renombrar el fichero y ponerle la extensión .bs (por BootStrap).