Bootstrap - Prueba simulada

R - El CSS sensible de Bootstrap se ajusta a computadoras de escritorio, tabletas y móviles.

Respuesta: D

Explicación

Todas las opciones anteriores son correctas.

P 2 - ¿Cuál de las siguientes afirmaciones es correcta sobre Bootstrap?

B : proporciona una solución limpia y uniforme para crear una interfaz para desarrolladores.

C - Contiene componentes incorporados hermosos y funcionales que son fáciles de personalizar.

A - Contenido: determina qué es lo más importante.

Respuesta: D

Explicación

Todas las opciones anteriores son correctas.

P 3 : ¿Cuál de los siguientes es parte de la estrategia Mobile First de Bootstrap?

B - Diseño: primero diseñe con anchos más pequeños. El dispositivo móvil de la dirección CSS base primero; Dirección de consultas de medios para tabletas, computadoras de escritorio.

C - Mejora progresiva: agregue elementos a medida que aumenta el tamaño de la pantalla.

A : las filas deben colocarse dentro de una clase .container para lograr una alineación y un relleno adecuados.

Respuesta: D

Explicación

Todas las opciones anteriores son correctas.

P 4 - ¿Cuál de las siguientes afirmaciones es correcta sobre Bootstrap Grid System?

B - Utilice filas para crear grupos horizontales de columnas.

C : el contenido debe colocarse dentro de las columnas, y solo las columnas pueden ser hijos inmediatos de las filas.

A - Las clases de cuadrícula predefinidas como .row y .col-xs-4 están disponibles para hacer diseños de cuadrícula rápidamente. LESS mixins también se pueden utilizar para diseños más semánticos.

Respuesta: D

Explicación

Todas las opciones anteriores son correctas.

P 5 - ¿Cuál de las siguientes afirmaciones es correcta sobre Bootstrap Grid System?

B - Las columnas crean medianiles (espacios entre el contenido de la columna) mediante el relleno. Ese relleno se compensa en filas para la primera y la última columna mediante un margen negativo en .rows.

C : las columnas de cuadrícula se crean especificando el número de doce columnas disponibles que desea abarcar. Por ejemplo, tres columnas iguales usarían tres .col-xs-4.

R - La consulta de medios es un término muy elegante para "regla CSS condicional".

Respuesta: D

Explicación

Todas las opciones anteriores son correctas.

P 6 : ¿Cuál de las siguientes afirmaciones es correcta sobre Bootstrap Media Query?

B - Simplemente aplica algo de CSS, en base a ciertas condiciones establecidas. Si se cumplen esas condiciones, se aplica el estilo.

D - Ninguna de las anteriores.

Respuesta: C

Explicación

Ambas opciones anteriores son correctas.

P 7 : ¿Cuál de las siguientes afirmaciones es correcta sobre Bootstrap Media Query?

R - Las consultas de medios tienen dos partes, una especificación del dispositivo y luego una regla de tamaño.

B - Las consultas de medios en Bootstrap le permiten mover, mostrar y ocultar contenido según el tamaño de la ventana gráfica.

D - Ninguna de las anteriores.

Respuesta: C

Explicación

Ambas opciones anteriores son correctas.

P 8 : ¿Cuál de las siguientes afirmaciones es correcta sobre la estrategia Bootstrap Mobile First?

R : debe agregar la metaetiqueta de la ventana gráfica al elemento para garantizar una representación adecuada y el zoom táctil en los dispositivos móviles.

B - la propiedad de ancho controla el ancho del dispositivo. Establecerlo en el ancho del dispositivo asegurará que se procese en varios dispositivos (móviles, computadoras de escritorio, tabletas ...) correctamente.

C - initial-scale = 1.0 asegura que cuando se cargue, su página web se renderizará a una escala de 1: 1 y no se aplicará ningún zoom de forma inmediata.

R - Bootstrap 3 le permite hacer que las imágenes respondan agregando una clase ..img-responsive a la etiqueta <.img>.

Respuesta: D

Explicación

Todas las opciones anteriores son correctas.

P 9 : ¿Cuál de las siguientes afirmaciones es correcta sobre las imágenes adaptables de Bootstrap?

B - la clase ..img-responsive aplica max-width: 100%; y altura: auto; a la imagen para que se adapte bien al elemento principal.

D - Ninguna de las anteriores.

Respuesta: C

Explicación

Ambas opciones anteriores son correctas.

P 10 : ¿Cuál de las siguientes afirmaciones es correcta sobre la coherencia entre navegadores de Bootstrap?

A - Bootstrap utiliza Normalizar para establecer la coherencia entre navegadores.

B - Normalize.css es una alternativa moderna y lista para HTML5 a los restablecimientos de CSS.

C - Normalize.css es un pequeño archivo CSS que proporciona una mejor coherencia entre navegadores en el estilo predeterminado de los elementos HTML.

Respuesta: D

Explicación

Todas las opciones anteriores son correctas.

P 11 - ¿Cuál de las siguientes clases diseña una mesa como una bonita mesa básica con solo un acolchado ligero y separadores horizontales?

Respuesta: A

Explicación

Si desea un estilo de mesa agradable y básico con solo un poco de relleno ligero y divisores horizontales, agregue la clase base de .table a cualquier mesa.

P 12 - ¿Cuál de las siguientes clases diseña una tabla como una bonita tabla básica con rayas en las filas?

Respuesta: B

Explicación

Al agregar la clase .table-striped, obtendrá rayas en filas dentro de <tbody>.

P 13 - ¿Cuál de las siguientes clases diseña una tabla con bordes alrededor de cada elemento y esquinas redondeadas alrededor de toda la mesa?

Respuesta: C

Explicación

Al agregar la clase .table-bordered, obtendrá bordes que rodean cada elemento y esquinas redondeadas alrededor de toda la tabla.

P 14 - ¿Cuál de las siguientes clases diseña una tabla con un fondo gris claro en filas mientras el cursor se desplaza sobre ellas?

Respuesta: D

Explicación

Al agregar la clase .table-hover, se agregará un fondo gris claro a las filas mientras el cursor se desplaza sobre ellas.

P 15 : ¿Cuál de las siguientes clases aplica el color de desplazamiento a una fila o celda en particular de una tabla?

Respuesta: A

Explicación

.active: aplica el color de desplazamiento a una fila o celda en particular.

P 16 - ¿Cuál de las siguientes clases indica una acción exitosa o positiva?

Respuesta: B

Explicación

.success: indica una acción exitosa o positiva.

P 17 : ¿Cuál de las siguientes clases indica una advertencia que podría necesitar atención?

Respuesta: C

Explicación

.warning: indica una advertencia que puede requerir atención.

P 18 - ¿Cuál de las siguientes clases indica una acción peligrosa o potencialmente negativa?

Respuesta: D

Explicación

.peligro: indica una acción peligrosa o potencialmente negativa.

P 19 : ¿Cuál de las siguientes clases se puede usar para crear una tabla receptiva?

A - .table-responsivo

B - .responsable

C - .activo

D - .table

Respuesta: A

Explicación

Al envolver cualquier .table en la clase .table-responsive, hará que la tabla se desplace horizontalmente hasta dispositivos pequeños (menos de 768px). Cuando visualice en algo más grande que 768px de ancho, no verá ninguna diferencia en estas tablas.

P 20 : ¿Cuál de los siguientes es el diseño predeterminado de un formulario de arranque?

A - .vertical

B - .inline

C - .horizontal

Respuesta: A

Explicación

Forma vertical o básica: la estructura de forma básica que viene con Bootstrap.

P 21 : ¿Cuál de las siguientes clases se debe agregar a la etiqueta de formulario para que esté en línea?

A - .inline

B - .form-inline

C - .horizontal

Respuesta: B

Explicación

Para crear un formulario donde todos los elementos están alineados, alineados a la izquierda y las etiquetas están al lado, agregue la clase .form-inline a la etiqueta <form>.

P 22 - ¿Cuál de las siguientes clases debe agregarse a la etiqueta de formulario para que quede horizontal?

A - .horizontal

B - .form-horizontal

C - .horizontal

A - Los controles de formulario de Bootstrap pueden tener un texto de ayuda a nivel de bloque que fluye con las entradas.

Respuesta: B

Explicación

Para crear un formulario que utilice el diseño horizontal, agregue una clase de .form-horizontal al elemento principal

P 23 : ¿Cuál de las siguientes afirmaciones es verdadera sobre el texto de ayuda de bootstrap?

B - Para agregar un bloque de contenido de ancho completo, use el .help-block después de <input>.