Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprende Desafío y Cuestionario: Aplicar Conceptos Básicos de Bootstrap | Conceptos Básicos
Esenciales de Bootstrap para Sitios Web Modernos

bookDesafío y Cuestionario: Aplicar Conceptos Básicos de Bootstrap

Tarea: Mejorar la presentación del portafolio con clases de Bootstrap

  • Paso 1: Añadir la clase apropiada al elemento div proporcionado para crear un contenedor global.
  • Paso 2: Añadir la clase apropiada al elemento div proporcionado para crear una fila dentro del contenedor.
  • Paso 3: Añadir las clases apropiadas a los elementos div proporcionados para crear columnas para cada elemento del portafolio. Asegúrese de que las columnas sean responsivas y ajusten su ancho en consecuencia. (Recuerde que hay tres elementos div en este paso).
  • Paso 4: Estilizar los títulos de los elementos del portafolio añadiendo las clases apropiadas a los elementos h2 dados. Centrar los títulos dentro de sus respectivas columnas.
  • Paso 5: Hacer que las descripciones de los elementos del portafolio sean legibles y de tamaño adecuado añadiendo las clases adecuadas a los elementos p proporcionados. Establecer el tamaño de fuente en fs-6.
index.html

index.html

index.css

index.css

copy

Utilice el sistema de cuadrícula de Bootstrap (container, row, col) para crear un diseño responsivo para la presentación del portafolio. Aplique clases de tipografía (text-center, h2, fs-6) para estilizar adecuadamente los títulos y descripciones de los elementos del portafolio.

index.html

index.html

index.css

index.css

copy

1. ¿En cuántas columnas divide Bootstrap la página con su sistema de cuadrícula?

2. ¿Qué clase envuelve y centra el contenido dentro de un contenedor de ancho fijo?

3. ¿Qué clases se utilizan para crear un grupo horizontal de columnas en el sistema de cuadrícula?

4. ¿Qué representan las clases sm, md, lg y xl?

5. ¿Qué clases se utilizan para dar estilo a los encabezados con diferentes tamaños?

6. ¿Qué clases se utilizan para alinear elementos de texto?

7. ¿Qué clase se utiliza para apilar botones verticalmente?

8. ¿Qué clase se aplica a los inputs de casilla de verificación y botón de opción dentro de un contenedor form-check para asegurar un estilo consistente?

9. ¿Cómo contribuye el sistema de cuadrícula de Bootstrap a la organización del diseño de formularios?

question mark

¿En cuántas columnas divide Bootstrap la página con su sistema de cuadrícula?

Select the correct answer

question mark

¿Qué clase envuelve y centra el contenido dentro de un contenedor de ancho fijo?

Select the correct answer

question mark

¿Qué clases se utilizan para crear un grupo horizontal de columnas en el sistema de cuadrícula?

Select the correct answer

question mark

¿Qué representan las clases sm, md, lg y xl?

Select the correct answer

question mark

¿Qué clases se utilizan para dar estilo a los encabezados con diferentes tamaños?

Select the correct answer

question mark

¿Qué clases se utilizan para alinear elementos de texto?

Select the correct answer

question mark

¿Qué clase se utiliza para apilar botones verticalmente?

Select the correct answer

question mark

¿Qué clase se aplica a los inputs de casilla de verificación y botón de opción dentro de un contenedor form-check para asegurar un estilo consistente?

Select the correct answer

question mark

¿Cómo contribuye el sistema de cuadrícula de Bootstrap a la organización del diseño de formularios?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 8

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 3.23

bookDesafío y Cuestionario: Aplicar Conceptos Básicos de Bootstrap

Desliza para mostrar el menú

Tarea: Mejorar la presentación del portafolio con clases de Bootstrap

  • Paso 1: Añadir la clase apropiada al elemento div proporcionado para crear un contenedor global.
  • Paso 2: Añadir la clase apropiada al elemento div proporcionado para crear una fila dentro del contenedor.
  • Paso 3: Añadir las clases apropiadas a los elementos div proporcionados para crear columnas para cada elemento del portafolio. Asegúrese de que las columnas sean responsivas y ajusten su ancho en consecuencia. (Recuerde que hay tres elementos div en este paso).
  • Paso 4: Estilizar los títulos de los elementos del portafolio añadiendo las clases apropiadas a los elementos h2 dados. Centrar los títulos dentro de sus respectivas columnas.
  • Paso 5: Hacer que las descripciones de los elementos del portafolio sean legibles y de tamaño adecuado añadiendo las clases adecuadas a los elementos p proporcionados. Establecer el tamaño de fuente en fs-6.
index.html

index.html

index.css

index.css

copy

Utilice el sistema de cuadrícula de Bootstrap (container, row, col) para crear un diseño responsivo para la presentación del portafolio. Aplique clases de tipografía (text-center, h2, fs-6) para estilizar adecuadamente los títulos y descripciones de los elementos del portafolio.

index.html

index.html

index.css

index.css

copy

1. ¿En cuántas columnas divide Bootstrap la página con su sistema de cuadrícula?

2. ¿Qué clase envuelve y centra el contenido dentro de un contenedor de ancho fijo?

3. ¿Qué clases se utilizan para crear un grupo horizontal de columnas en el sistema de cuadrícula?

4. ¿Qué representan las clases sm, md, lg y xl?

5. ¿Qué clases se utilizan para dar estilo a los encabezados con diferentes tamaños?

6. ¿Qué clases se utilizan para alinear elementos de texto?

7. ¿Qué clase se utiliza para apilar botones verticalmente?

8. ¿Qué clase se aplica a los inputs de casilla de verificación y botón de opción dentro de un contenedor form-check para asegurar un estilo consistente?

9. ¿Cómo contribuye el sistema de cuadrícula de Bootstrap a la organización del diseño de formularios?

question mark

¿En cuántas columnas divide Bootstrap la página con su sistema de cuadrícula?

Select the correct answer

question mark

¿Qué clase envuelve y centra el contenido dentro de un contenedor de ancho fijo?

Select the correct answer

question mark

¿Qué clases se utilizan para crear un grupo horizontal de columnas en el sistema de cuadrícula?

Select the correct answer

question mark

¿Qué representan las clases sm, md, lg y xl?

Select the correct answer

question mark

¿Qué clases se utilizan para dar estilo a los encabezados con diferentes tamaños?

Select the correct answer

question mark

¿Qué clases se utilizan para alinear elementos de texto?

Select the correct answer

question mark

¿Qué clase se utiliza para apilar botones verticalmente?

Select the correct answer

question mark

¿Qué clase se aplica a los inputs de casilla de verificación y botón de opción dentro de un contenedor form-check para asegurar un estilo consistente?

Select the correct answer

question mark

¿Cómo contribuye el sistema de cuadrícula de Bootstrap a la organización del diseño de formularios?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 8
some-alt