Font size
WorksheetsPreguntas sobre Bootstrap
Total questions: 350
Worksheet time: 3hrs 55mins
¿Cuál es el bloque fundamental de un diseño en Bootstrap?
Row
Column
Container
Card
¿Qué clase de Bootstrap agrega un margen superior de 3 unidades?
.pt-3
.mt-3
.pb-3
.mb-3
¿Qué clase alinea el texto al centro?
.text-left
.text-center
.text-uppercase
.text-muted
¿Qué clase se utiliza para aplicar un fondo rojo en Bootstrap?
.bg-danger
.bg-primary
.bg-warning
.bg-info
¿Cuál es el propósito principal de Bootstrap?
Facilitar la creación de tablas en HTML
Crear sitios web responsivos y móviles
Proporcionar animaciones avanzadas
Administrar bases de datos
¿Cuál es el tamaño máximo que se puede asignar con las clases de margen o padding en Bootstrap?
4
3
5
6
¿Qué clase de botón indica una advertencia en Bootstrap?
.btn-danger
.btn-warning
.btn-info
.btn-success
¿Cuál de las siguientes clases oculta un elemento en todas las pantallas?
.d-none
.d-block
.d-inline
.d-inline-block
¿Qué clase hace que el texto sea negrita en Bootstrap?
.text-uppercase
.font-weight-bold
.text-lead
.text-muted
¿Cómo se define un contenedor de ancho completo en Bootstrap?
.container-fluid
.container
.row-fluid
.grid
¿Cuál es la clase para aplicar una sombra pequeña a un elemento?
.shadow-sm
.shadow-lg
.shadow-none
.shadow-md
¿Qué clase se usa para truncar el texto largo con '...' en Bootstrap?
.text-ellipsis
.text-truncate
.text-wrap
.text-clip
¿Cuál es la clase de Bootstrap que alinea verticalmente los elementos flex al centro?
.align-items-start
.align-items-center
.align-items-end
.align-items-baseline
¿Qué significa la clase .justify-content-between?
Centrar los elementos verticalmente
Distribuir los elementos con espacio entre ellos
Alinear el contenido al inicio
Alinear el contenido al final
¿Qué clase se usa para posicionar un elemento de forma relativa?
.position-fixed
.position-relative
.position-absolute
.position-static
¿Qué hace la clase .overflow-hidden en Bootstrap?
Añade un scroll automático
Oculta el contenido que excede el contenedor
Hace visible el contenido desbordado
Añade un scroll permanente
¿Qué clase en Bootstrap cambia el cursor a una mano al pasar sobre un elemento?
.cursor-hand
.cursor-pointer
.cursor-hover
.cursor-click
¿Qué clase establece el ancho de un elemento al 50% del contenedor?
.w-100
.w-50
.w-75
.w-25
¿Qué clase hace que un elemento sea visible solo en pantallas grandes?
.d-md-block
.d-lg-block
.d-xl-none
.d-none
¿Cuál es la clase que aplica un fondo azul claro?
.bg-info
.bg-primary
.bg-warning
.bg-light
¿Qué clase de Bootstrap se utiliza para alinear el texto a la derecha?
.text-center
.text-left
.text-right
.text-uppercase
¿Cuál de estas clases establece un fondo de color azul en Bootstrap?
.bg-success
.bg-primary
.bg-danger
.bg-dark
¿Cuál de estas clases establece un fondo de color azul en Bootstrap?
.bg-success
.bg-primary
.bg-danger
.bg-dark
¿Qué clase se usa para hacer que un elemento ocupe todo el ancho del contenedor?
.w-50
.w-100
.h-100
.mw-50
¿Cuál es el propósito de la clase .d-none en Bootstrap?
Ocultar un elemento.
Mostrar un elemento como bloque.
Centrar un elemento.
Aplicar márgenes automáticos.
¿Qué clase de flexbox alinea verticalmente los elementos al centro?
.align-items-start
.align-items-center
.align-items-end
.justify-content-center
¿Cuál es el color asociado a la clase .text-warning en Bootstrap?
Verde
Amarillo
Azul
Rojo
¿Qué clase de Bootstrap aplica una sombra grande a un elemento?
.shadow-sm
.shadow
.shadow-lg
.shadow-none
¿Qué clase de tipografía convierte todo el texto a mayúsculas?
.text-uppercase
.text-bold
.font-weight-bold
.text-muted
¿Cuál es el propósito de la clase .justify-content-between en Bootstrap?
Alinear elementos al inicio.
Distribuir elementos con espacio entre ellos.
Centrar elementos horizontalmente.
Alinear elementos al final.
¿Qué clase de Bootstrap limita el ancho máximo de un elemento al 100%?
.w-100
.mw-100
.h-100
.container-fluid
¿Qué clase de Bootstrap aplica un relleno superior de 4 unidades?
.pt-4
.mt-4
.pb-4
.px-4
¿Qué clase de Bootstrap permite flotar un elemento hacia la derecha?
.float-left
.float-none
.float-right
.align-right
¿Cuál es el propósito de la clase .opacity-50?
Hacer un elemento completamente visible.
Hacer un elemento invisible.
Aplicar una opacidad del 50%.
Agregar un borde de color.
¿Qué clase de Bootstrap define un botón de color rojo?
.btn-primary
.btn-danger
.btn-success
.btn-warning
¿Qué clase de Bootstrap se usa para ocultar elementos solo en pantallas medianas?
.d-md-none
.d-none
.d-lg-none
.d-xl-none
¿Cuál es la clase para aplicar un borde oscuro en un elemento?
.border-primary
.border-danger
.border-dark
.border-light
¿Qué clase se utiliza para truncar texto largo con '...' en Bootstrap?
.text-cut
.text-truncate
.text-overflow
.text-ellipsis
¿Cuál es el propósito de la clase .cursor-pointer?
Mostrar el cursor como una mano al pasar sobre un elemento.
Cambiar el cursor a su estilo predeterminado.
Ocultar el cursor.
Cambiar la opacidad de un elemento.
¿Cuál es el ancho máximo de un contenedor .container en Bootstrap en pantallas grandes (lg)?
960px
1140px
1024px
1280px
¿Qué clase se utiliza para aplicar un fondo amarillo en un elemento?
.bg-danger
.bg-warning
.bg-info
.bg-primary
¿Qué atributo se utiliza en una etiqueta para definir un texto alternativo?
src
alt
title
text
¿Qué atributo se utiliza en una etiqueta para definir un texto alternativo?
src
alt
title
text
¿Cuál es el propósito de la etiqueta en HTML5?
Agrupar contenido relacionado.
Agregar contenido principal.
Crear una tabla.
Definir una lista de navegación.
¿Qué propiedad CSS establece el espaciado entre el borde de un elemento y su contenido?
margin
padding
border
spacing
¿Qué unidad CSS escala un tamaño de fuente en relación con el tamaño del elemento padre?
px
em
%
rem
¿Qué atributo en HTML se usa para establecer un vínculo a un archivo CSS externo?
src
rel
href
link
En Dreamweaver, ¿qué panel permite agregar elementos HTML arrastrándolos al diseño?
Panel de Propiedades
Panel Insertar
Panel Archivos
Panel CSS
¿Cuál de las siguientes propiedades CSS permite redondear las esquinas de un elemento?
border-spacing
border-radius
border-width
border-collapse
¿Cuál es la función de la propiedad z-index en CSS?
Definir el ancho del elemento.
Especificar la posición en el eje Z.
Ajustar la opacidad.
Cambiar la alineación del texto.
¿Qué propiedad CSS se utiliza para alinear texto verticalmente dentro de un elemento?
text-align
vertical-align
align-items
justify-content
En Dreamweaver, ¿qué herramienta permite cambiar el diseño visual sin editar código?
Vista de Diseño
Vista en Vivo
Editor de Código
Inspector de Elementos
¿Qué propiedad CSS establece una imagen como fondo de un elemento?
background-color
background-image
image-src
border-image
En Dreamweaver, ¿qué función sirve para previsualizar tu sitio web en varios navegadores?
Vista en Vivo
Administrar Sitios
Panel Insertar
Panel Propiedades
¿Cuál es el atributo HTML necesario para que un enlace abra una página en una nueva pestaña?
rel="_blank"
target="_blank"
href="_blank"
link="_blank"
¿Qué propiedad CSS define un degradado como fondo?
background-color
background-gradient
background-image: linear-gradient()
gradient-fill
¿Qué atributo HTML define el texto de un botón de envío de un formulario?
placeholder
type
value
name
¿Qué clase de Bootstrap se utiliza para ocultar elementos en pantallas pequeñas?
.d-xl-none
.d-lg-none
.d-md-none
.d-sm-none
¿Cuál es la clase que aplica un margen inferior de 4 unidades?
.mb-4
.mt-4
.pt-4
.pb-4
¿Qué clase de Bootstrap se usa para crear un botón de éxito?
.btn-warning
.btn-success
.btn-primary
.btn-danger
¿Qué clase de Bootstrap se utiliza para ocultar un elemento?
.hidden
.d-none
.invisible
.d-hide
¿Cuál es la clase que aplica un margen superior de 3 unidades en Bootstrap?
.mt-3
.mt-lg-3
.margin-top-3
.m-3
¿Qué clase se utiliza para hacer que un elemento sea flexible en Bootstrap?
.flex
.d-flex
.flexible
.display-flex
¿Qué clase de Bootstrap se utiliza para ocultar un elemento en pantallas pequeñas?
.d-md-none
.d-xl-none
.d-lg-none
.d-sm-none
¿Cuál es la clase que aplica un borde redondeado a un elemento en Bootstrap?
.border-rounded
.rounded-circle
.border-radius
.rounded
¿Qué clase de Bootstrap se utiliza para centrar un elemento horizontalmente?
.text-center
.mx-auto
.justify-content-center
.align-center
¿Qué clase de Bootstrap se utiliza para ocultar un elemento en pantallas pequeñas?
.d-none
.d-block
.d-inline
.d-sm-none
¿Cuál es la propiedad CSS que se utiliza para cambiar el color de fondo de un elemento?
background-color
color
fill
border-color
¿Qué clase de Bootstrap se utiliza para aplicar un padding de 5 unidades?
.pl-5
.p-5
.pt-5
.pb-5
¿Qué clase de Bootstrap se utiliza para ocultar un elemento en pantallas pequeñas?
.d-lg-none
.d-md-none
.d-sm-none
.d-xl-none
¿Cuál es la clase que aplica un borde redondeado a un elemento en Bootstrap?
.rounded
.border-radius
.rounded-circle
.border-rounded
¿Qué clase se utiliza para establecer un fondo gris claro en Bootstrap?
.bg-light
.bg-secondary
.bg-muted
.bg-white
¿Qué etiqueta se utiliza para crear un enlace en HTML?
<link>
<url>
<a>
<href>
¿Cuál es el propósito del atributo target en un enlace?
Especificar cómo se abrirá el enlace.
Establecer un identificador único.
Definir el color del enlace.
Agregar un texto alternativo.
¿Qué etiqueta se utiliza para definir una lista desordenada en HTML?
<list>
<li>
<ul>
<ol>
¿Qué atributo se utiliza en una etiqueta para definir la relación con el documento vinculado?
type
src
rel
href
¿Cuál es la clase de Bootstrap que se utiliza para ocultar un elemento en todas las pantallas?
.d-none
.d-block
.d-inline
.d-flex
¿Qué propiedad CSS se utiliza para cambiar el color del texto de un elemento?
color
text-align
background-color
font-size
¿Cuál es la etiqueta HTML utilizada para crear un enlace?
<a>
<href>
<url>
<link>
¿Qué atributo se utiliza para especificar el destino de un enlace en HTML?
link
src
href
target
¿Cuál es la etiqueta HTML que se utiliza para insertar una imagen?
<src>
<picture>
<img>
<image>
¿Cuál es la etiqueta HTML utilizada para crear un enlace?
<url>
<href>
<a>
<link>
¿Qué atributo se utiliza para especificar la dirección URL de un enlace en HTML?
href
url
src
link
¿Cuál es la etiqueta HTML para insertar una imagen?
<image>
<img>
<picture>
<src>
¿Qué propiedad CSS se utiliza para cambiar el color de fondo de un elemento?
text-color
border-color
color
background-color
¿Cuál es la clase de Bootstrap que se utiliza para ocultar un elemento en todas las pantallas?
.d-none
.d-flex
.d-block
.d-inline
¿Qué atributo se utiliza en una etiqueta para especificar la hoja de estilos CSS?
href
src
rel
type
¿Qué clase de Bootstrap se utiliza para ocultar un elemento solo en pantallas pequeñas?
.d-lg-none
.d-sm-none
.d-xl-none
.d-md-none
¿Cuál es la clase que aplica un borde redondeado grande a un elemento?
.rounded-lg
.rounded-sm
.rounded-pill
.rounded-circle
¿Qué clase de Bootstrap se utiliza para centrar un elemento horizontalmente?
.text-center
.align-items-center
.mx-auto
.justify-content-center
¿Qué clase de Bootstrap se utiliza para ocultar un elemento solo en pantallas pequeñas?
.d-xl-none
.d-md-none
.d-sm-none
.d-lg-none
¿Cuál es la clase que aplica un fondo gris claro en Bootstrap?
.bg-light
.bg-secondary
.bg-dark
.bg-muted
¿Qué clase se utiliza para alinear el contenido a la derecha en Bootstrap?
.text-left
.text-center
.text-right
.text-justify
¿Qué clase de Bootstrap se utiliza para ocultar elementos solo en pantallas pequeñas?
.d-lg-none
.d-none
.d-sm-none
.d-md-none
¿Qué clase se usa para aplicar un borde claro en un elemento?
.border-light
.border-danger
.border-dark
.border-primary
¿Qué clase de Bootstrap se utiliza para centrar un elemento horizontalmente?
.text-center
.justify-content-center
.mx-auto
.align-items-center
¿Qué clase de Bootstrap se utiliza para ocultar un elemento solo en pantallas pequeñas?
.d-sm-none
.d-md-none
.d-lg-none
.d-xl-none
¿Cuál es la clase que se usa para aplicar un margen inferior de 3 unidades en Bootstrap?
.mb-3
.mt-3
.ml-3
.mr-3
¿Qué clase de Bootstrap se utiliza para centrar un elemento en el eje horizontal?
.align-center
.mx-auto
.justify-center
.text-center
¿Qué clase de Bootstrap se utiliza para aplicar un margen inferior de 2 unidades?
.pb-2
.mt-2
.mb-2
.pt-2
¿Qué es HTML?
Un lenguaje de programación
Un lenguaje de diseño web
Un tipo de base de datos
El lenguaje de marcado de hipertexto
¿Qué etiqueta se utiliza para crear un enlace en HTML?
<link>
<a>
<href>
<url>
¿Qué etiqueta se usa para insertar una imagen en una página web?
<img>
<image>
<picture>
<src>
¿Qué elemento HTML se utiliza para crear una lista desordenada?
<ul>
<ol>
<li>
<list>
Pregunta 5: ¿Cómo se inicia un documento HTML?
<!DOCTYPE html>
<html>
<head>
<body>
¿Qué etiqueta se utiliza para incluir un título en una página HTML?
<title>
<header>
<h1>
<meta>
¿Qué propiedad CSS se usa para cambiar el color del texto?
color
text-color
font-color
background-color
¿Qué selector de CSS selecciona todos los elementos <p> en una página?
p { ... }
.p { ... }
#p { ... }
p[class] { ... }
¿Qué propiedad CSS se utiliza para añadir espacio dentro de un elemento, entre el borde y el contenido?
margin
padding
border
spacing
¿Qué hace la opción "Vista de Diseño" en Dreamweaver?
Muestra el código HTML de la página
Permite ver y editar la página web de manera visual sin escribir
Muestra la estructura de archivos del proyecto
Permite agregar contenido multimedia a la página
¿Qué es la "Vista de Código" en Dreamweaver?
Permite ver y modificar el código HTML, CSS y JavaScript
Muestra una previsualización de cómo se verá el sitio web
Permite editar imágenes en el proyecto
Muestra solo el contenido de texto de la página
¿Cómo se aplica CSS a un archivo HTML en Dreamweaver?
Insertando un archivo CSS en el archivo HTML usando la etiqueta <style>
Usando la pestaña de "CSS Designer" para añadir reglas de estilo
No se puede aplicar CSS en Dreamweaver
Usando un archivo externo sin referencia en HTML
¿Qué es un diseño web responsivo?
Un diseño que no cambia de tamaño al cambiar el dispositivo
Un diseño que ajusta el contenido según el tamaño de la pantalla
Un diseño que solo funciona en pantallas grandes
Un diseño que solo se ve bien en dispositivos móviles
¿Cómo se puede crear un diseño responsivo en Dreamweaver?
Usando las opciones de diseño fijo
Usando frameworks como Bootstrap y media queries
Usando solo imágenes fijas
Estableciendo un tamaño fijo para cada elemento
¿Cómo se suben los archivos a un servidor usando Dreamweaver?
Utilizando la opción de "Vista de Código"
Usando la función de FTP dentro de Dreamweaver para conectar con el
Solo es posible exportar el sitio como un archivo comprimido
Usando la herramienta "Previsualización en vivo"
¿Qué selector de CSS se usa para seleccionar un elemento con una clase llamada "menu"?
menu { ... }
.menu { ... }
#menu { ... }
*menu { ... }
¿Qué propiedad CSS controla el espacio entre el borde de un elemento y otros elementos cercanos?
margin
padding
width
height
¿Qué es CSS?
Un lenguaje de programación
Un lenguaje para dar estilo a las páginas web
Un lenguaje de base de datos
Un tipo de servidor web
¿Cuál es la estructura básica de un documento HTML5?
<!DOCTYPE html> <html> <head> <title>Mi página</title> </head> <body>Contenido</body> </html>
<html> <head> <meta charset="UTF-8"> </head> <body>Contenido</body> </html>
<!DOCTYPE html> <html> <body>Contenido</body> </html>
<html> <title>Mi página</title> <body>Contenido</body> </html>
¿Cuál es la etiqueta HTML para crear una tabla?
<table>
<tab>
<tr>
<tabel>
¿Cómo se define un campo de texto en un formulario HTML?
<input type="text">
<input type="textarea">
<field type="text">
<textinput>
¿Qué propiedad CSS se utiliza para cambiar el fondo de un elemento?
color
background-color
font-color
bgcolor
¿Qué atributo se utiliza en la etiqueta <a> para especificar la dirección del enlace?
href
src
target
action
¿Qué propiedad de CSS controla el tipo de letra en un documento?
font-family
text-style
font-size
text-family
¿Cuál es el propósito de la etiqueta <meta> en HTML?
Definir el título de la página
Incluir información de metadatos, como la codificación de caracteres
Establecer la estructura de la página
Crear enlaces a archivos externos
¿Qué etiqueta se utiliza para crear una lista numerada en HTML?
<ol>
<ul>
<li>
<list>
¿Qué es un archivo CSS externo?
Un archivo que contiene solo imágenes
Un archivo que se vincula a un archivo HTML y contiene reglas de estilo
Un archivo con el código JavaScript de la página
Un archivo de texto que contiene comentarios
¿Cómo se cambia el color de fondo de toda una página HTML usando CSS?
body { background-color: red; }
background { color: red; }
page { background-color: red; }
html { color: red; }
¿Qué elemento HTML se usa para crear un formulario?
<form>
<input>
<button>
<field>
¿Qué propiedad CSS se usa para cambiar el tamaño de la fuente?
font-size
font-weight
text-size
font-style
¿Qué etiqueta HTML se utiliza para insertar un comentario?
<!-- comentario -->
// comentario
<comment>comentario</comment>
<p>comentario</p>
¿Cómo se puede aplicar CSS en línea a un elemento HTML?
Usando el atributo style dentro de la etiqueta HTML
Usando una etiqueta <style> en el encabezado
Vinculando un archivo CSS externo
Usando la etiqueta <css>
¿Qué hace la propiedad display: none en CSS?
Oculta el elemento pero mantiene su espacio en la página
Hace que el elemento sea invisible y no ocupe espacio
Muestra el elemento en color transparente
Cambia el color de fondo del elemento
¿Qué etiqueta HTML se utiliza para agregar un salto de línea?
<line>
<br>
<break>
<nl>
¿Cómo se vincula un archivo CSS externo en HTML?
<style src="styles.css">
<link rel="stylesheet" href="styles.css">
<css link="styles.css">
<stylesheet href="styles.css">
¿Qué es un "framework" como Bootstrap?
Un sistema de gestión de bases de datos
Una biblioteca de JavaScript para crear animaciones
Un conjunto de herramientas y plantillas CSS para crear diseños web responsivos
Un editor de texto para escribir código
¿Cuál es la etiqueta HTML para agregar un video a una página web?
<media>
<video>
<audio>
<movie>
¿Cómo se crea una animación simple con CSS?
Usando la propiedad animation
Usando la propiedad transition
Usando la propiedad motion
Usando JavaScript solamente
¿Cuál es el propósito de la etiqueta <head> en HTML?
Contener el contenido visible de la página
Contener metadatos, enlaces a archivos externos y el título de la página
Contener la estructura de las tablas
Contener imágenes y videos
¿Qué hace la propiedad float en CSS?
Coloca el elemento en el centro de la página
Permite que el elemento se desplace a un lado, dejando espacio para el contenido alrededor
Cambia la dirección del texto
Cambia el tamaño del borde de un elemento
¿Cuál es el propósito de la propiedad position: absolute en CSS?
Coloca el elemento en su posición predeterminada
Coloca el elemento de forma relativa a su contenedor más cercano con position: relative
Coloca el elemento al final del contenedor
Coloca el elemento al principio de la página
¿Cómo se declara un color en CSS usando su valor hexadecimal?
color: rgb(255, 0, 0);
color: red;
color: #FF0000;
color: (255, 0, 0);
¿Cuál es el atributo de HTML que se utiliza para agregar un texto alternativo a una imagen?
alt
title
src
desc
¿Qué significa el término "responsive design" en el contexto de un sitio web?
Un diseño que cambia de acuerdo con el tamaño de la ventana del navegador
Un diseño que solo funciona en dispositivos móviles
Un diseño que no necesita código CSS
Un diseño que no puede cambiar después de ser publicado
¿Qué significa el atributo target="_blank" en un enlace HTML?
Abre el enlace en la misma ventana
Abre el enlace en una nueva ventana o pestaña del navegador
Abre el enlace en el pie de página
Abre el enlace en una ventana emergente
¿Cómo se cambia el tamaño de un borde de un elemento en CSS?
border-width: 5px;
border-size: 5px;
border-style: 5px;
border-radius: 5px;
¿Qué significa el z-index en CSS?
Controla el tamaño del texto
Controla el orden de apilamiento de los elementos
Controla el color de los elementos
Controla la opacidad de los elementos
¿Qué hace la propiedad float: left en CSS?
Desplaza el elemento hacia la izquierda y lo mantiene en su lugar
Coloca el elemento a la izquierda de su contenedor, permitiendo que otros elementos floten a su alrededor
Hace que el elemento se desplace hacia la derecha
Centra el elemento dentro de su contenedor
¿Cómo se puede incluir un archivo JavaScript en una página HTML?
<script src="script.js"></script>
<js src="script.js"></js>
<javascript src="script.js"></javascript>
<script file="script.js"></script>
¿Cuál es el propósito de la propiedad box-sizing en CSS?
Define el tamaño de un elemento de acuerdo con su contenido
Define cómo se calcula el tamaño de un elemento incluyendo o no los bordes y el padding
Establece el tamaño de la caja del contenedor
Ajusta el tamaño del borde de un elemento
: ¿Cuál es el valor predeterminado de la propiedad display de los elementos de bloque como <div>?
inline
block
none
flex
¿Qué propiedad CSS se utiliza para cambiar la visibilidad de un elemento sin afectar el espacio que ocupa?
visibility
opacity
display
hide
¿Qué hace la propiedad text-align: center en CSS?
Alinea el texto a la izquierda
Alinea el texto a la derecha
Alinea el texto en el centro
Coloca el texto en la parte superior
¿Qué propiedad de CSS se usa para establecer la altura de un elemento?
height
width
size
margin
¿Qué es una "media query" en CSS?
Una consulta que permite mostrar contenido basado en el tipo de dispositivo
Una propiedad para ajustar el tamaño de los textos
Una propiedad que agrega una transición de animación
Un elemento HTML para estructurar el contenido
¿Cómo se agrega un comentario en un archivo CSS?
// Comentario
<!-- Comentario -->
/* Comentario */
# Comentario
¿Qué hace la propiedad border-radius en CSS?
Crea bordes de un solo color
Redondea las esquinas de un elemento
Cambia el estilo del borde
Ajusta el tamaño del borde
¿Qué etiqueta HTML se utiliza para crear un formulario de selección (menú desplegable)?
<select>
<input>
<dropdown>
<option>
¿Qué propiedad CSS se usa para cambiar el espacio entre las letras de un texto?
line-height
letter-spacing
word-spacing
text-align
¿Cómo se especifica un color de fondo en CSS?
background-color: #ffffff;
color-background: #ffffff;
bg-color: #ffffff;
background: color(#ffffff);
¿Cómo se declara un enlace en HTML?
<a href="http://www.example.com">Texto del enlace</a>
<link href="http://www.example.com">Texto del enlace</link>
<a url="http://www.example.com">Texto del enlace</a>
<url href="http://www.example.com">Texto del enlace</url>
¿Qué propiedad CSS se usa para cambiar la fuente de un texto?
font-style
font-family
font-size
text-font
¿Qué etiqueta se utiliza en HTML para crear una lista desordenada?
<list>
<ol>
<ul>
<dl>
¿Cómo se cambia el tamaño de una fuente en CSS?
font-size: 20px;
size: 20px;
font: 20px;
text-size: 20px;
¿Cuál es la forma correcta de vincular un archivo CSS externo a un archivo HTML?
<link rel="stylesheet" href="style.css">
<css src="style.css">
<style href="style.css">
<stylesheet href="style.css">
¿Qué propiedad CSS se usa para establecer el color de un texto?
color
text-color
font-color
text-style
¿Qué atributo HTML se utiliza para especificar la URL de una imagen?
href
url
src
link
¿Qué propiedad CSS se utiliza para establecer el espacio entre los bordes de un elemento y su contenido?
padding
margin
border
spacing
¿Cómo se agrega una lista ordenada en HTML?
<ol>
<ul>
<list>
<dl>
¿Qué significa el valor display: flex en CSS?
Muestra el elemento en forma de cuadrícula
Hace que los elementos hijos se alineen en una sola línea
Permite organizar elementos dentro de un contenedor flexbox
Coloca los elementos en una posición absoluta
¿Qué propiedad CSS se usa para aplicar una sombra a un texto?
text-shadow
box-shadow
shadow
font-shadow
¿Qué etiqueta HTML se utiliza para insertar una tabla?
<grid>
<table>
<row>
<column>
¿Cómo se define una celda dentro de una tabla en HTML?
<cell>
<td>
<box>
<row>
¿Cuál es el atributo utilizado para definir una ruta a un archivo descargable en HTML?
download
href
src
url
¿Qué propiedad CSS se utiliza para cambiar el tipo de borde de un elemento?
border-style
border-type
border-color
border-width
¿Qué propiedad CSS se usa para alinear el texto a la derecha?
text-align: left;
text-align: center;
text-align: right;
text-align: justify;
¿Cómo se define un comentario en HTML?
<!-- Comentario -->
/* Comentario */
// Comentario
# Comentario
¿Qué hace la propiedad position: relative en CSS?
Coloca el elemento en la parte superior de la página
Coloca el elemento relativo a su posición original
Coloca el elemento fuera del flujo del documento
Coloca el elemento de manera fija en la pantalla
¿Cómo se crea un hipervínculo en HTML?
<hyperlink href="url">Texto del enlace</hyperlink>
<link href="url">Texto del enlace</link>
<a href="url">Texto del enlace</a>
<url href="url">Texto del enlace</url>
¿Cómo se agrupan varias reglas CSS para un mismo selector?
Usando el símbolo ,
Usando el símbolo +
Usando el símbolo &
Usando el símbolo ;
¿Qué propiedad CSS se utiliza para cambiar la opacidad de un elemento?
opacity
visibility
display
filter
¿Cómo se crea un formulario en HTML?
<formulario></formulario>
<form></form>
<input></input>
<field></field>
¿Cómo se establece una lista de elementos como elementos de una lista no ordenada en HTML?
<ul>
<ol>
<list>
<dl>
¿Cómo se definen los estilos en línea en HTML?
Usando el atributo style dentro de una etiqueta HTML
Usando el atributo class
Usando el atributo css
Usando el atributo id
¿Qué etiqueta se utiliza para incluir un archivo JavaScript en una página HTML?
<js>
<script>
<javascript>
<link>
¿Qué propiedad CSS se utiliza para cambiar el color de fondo de un elemento?
bg-color
background
background-color
color-background
¿Cómo se puede agregar un comentario en CSS?
/* Comentario */
<!-- Comentario -->
# Comentario
// Comentario
¿Qué propiedad CSS se utiliza para agregar un borde a un elemento?
border-style
border-width
border-color
border
¿Qué etiqueta HTML se utiliza para mostrar una imagen?
<image>
<img>
<picture>
<src>
¿Cómo se define el color de un texto en CSS?
font-color
color
text-color
background-color
¿Cómo se cambia la dirección de la escritura en un documento HTML?
Usando el atributo direction
Usando el atributo align
Usando el atributo lang
Usando la propiedad CSS direction: rtl;
¿Qué propiedad CSS se usa para alinear un bloque de texto en el centro de su contenedor?
text-align: center;
text-align: middle;
align: center;
justify-content: center;
¿Cuál es la manera correcta de agregar un archivo CSS interno a un documento HTML?
<css>style.css</css>
<style src="style.css"></style>
<style> /* estilos aquí */ </style>
<stylesheet src="style.css"></stylesheet>
¿Qué etiqueta HTML se utiliza para insertar un salto de línea?
<br>
<hr>
<break>
<newline>
¿Cómo se indica una propiedad CSS con su valor?
valor: propiedad;
propiedad valor;
propiedad: valor;
valor propiedad;
¿Qué atributo HTML se utiliza para añadir texto alternativo a una imagen?
alt
title
src
description
¿Cómo se declara un enlace a un archivo externo en HTML?
<a href="http://www.example.com">Texto del enlace</a>
<a target="http://www.example.com">Texto del enlace</a>
<a url="http://www.example.com">Texto del enlace</a>
<a link="http://www.example.com">Texto del enlace</a>
¿Qué propiedad CSS se utiliza para cambiar la fuente de un elemento?
font-style
font-family
text-font
font-size
¿Qué etiqueta HTML se utiliza para agregar un encabezado de nivel 1?
<header>
<h1>
<h>
<hgroup>
¿Qué extensión de archivo es el predeterminado para los archivos de Dreamweaver cuando se guardan como documentos HTML?
.htm
.html
.dwt
.css
¿Qué herramienta de Dreamweaver se usa para crear plantillas reutilizables de diseño de páginas web?
<template>
Plantillas de Dreamweaver (DWT)
iframe
include
¿Cómo puedes ver los resultados de tu página web en Dreamweaver sin salir del programa?
Abriendo un navegador externo
Usando la vista Diseño
Usando la vista Código
Haciendo clic derecho y seleccionando "Ver en navegador"
¿Cuál de las siguientes es una ventaja de usar las plantillas de Dreamweaver (DWT)?
Permiten insertar datos dinámicos de bases de datos
Permiten crear páginas con contenido fijo solo
Permiten crear un diseño que se puede reutilizar en varias páginas web
Permiten agregar código CSS automáticamente
¿Qué característica de Dreamweaver ayuda a escribir el código HTML más rápido sugiriendo etiquetas y atributos?
Autocompletar
Vista previa en vivo
Expresiones regulares
Refactorización de código
¿Cómo se puede aplicar un estilo CSS a un solo elemento en Dreamweaver?
Agregando el atributo style directamente al código HTML
Usando el panel de Estilos para asignar una clase
Usando un archivo CSS externo
Colocando el estilo en la cabecera con la etiqueta <style>
¿Qué panel de Dreamweaver te permite ver todos los estilos CSS asociados con la página actual?
Panel de Propiedades
Panel de Estilos CSS
Panel de Plantillas
Panel de Código
En Dreamweaver, ¿qué comando te permite comprobar errores de sintaxis en el código HTML?
Comprobador de errores
Sintaxis automática
Validación HTML
Vista previa
¿Cómo se cambia el color del texto de un párrafo en Dreamweaver usando CSS?
<p color="red">Texto</p>
p { color: red; }
<p style="color:red">Texto</p>
text-color: red;
¿Cuál es el propósito del atributo alt en la etiqueta <img> en Dreamweaver?
Definir el tamaño de la imagen
Proporcionar texto alternativo para la imagen
Especificar la URL de la imagen
Cambiar el color de la imagen
En Dreamweaver, ¿cómo se aplica un enlace a una imagen?
<a href="http://www.example.com"><img src="imagen.jpg" alt="Imagen"></a>
<link href="imagen.jpg">
<a link="imagen.jpg" href="http://www.example.com">
<img src="imagen.jpg" link="http://www.example.com">
¿Cuál es el propósito del atributo href en la etiqueta <a> en Dreamweaver?
Especificar el texto del enlace
Especificar el destino del enlace
Especificar el estilo del enlace
Especificar el color de fondo del enlace
¿Qué propiedad CSS de Dreamweaver te permite cambiar el tamaño de una fuente?
font-size
font-family
font-weight
text-size
¿Cómo puedes agregar una nueva página en blanco dentro de Dreamweaver?
Archivo > Nuevo
Editar > Nuevo documento
Ver > Nueva Página
Insertar > Nueva página
¿Cómo puedes dividir tu ventana de código en Dreamweaver para ver tanto el código como el diseño de la página?
Ver > Dividir vista
Ver > Panel de diseño
Archivo > Dividir ventana
Panel de código > Dividir diseño
¿Cuál es el propósito de la etiqueta <link> en Dreamweaver?
Crear un enlace a otro documento HTML
Asociar un archivo CSS externo con una página HTML
Insertar imágenes en una página
Crear vínculos a scripts JavaScript
¿Qué atributo en Dreamweaver se usa para especificar la ubicación de un archivo de imagen en una etiqueta <img>?
src
alt
href
title
¿Cómo se define una lista numerada en HTML dentro de Dreamweaver?
<ul>
<ol>
<dl>
<list>
¿Cuál es la diferencia principal entre las etiquetas <div> y <span> en Dreamweaver?
<div> es un contenedor en bloque, mientras que <span> es un contenedor en línea
<div> es solo para imágenes, mientras que <span> es solo para texto
<div> se usa para enlaces, mientras que <span> se usa para listas
No hay diferencia, ambas son equivalentes
¿Cómo se activa la Vista previa en vivo en Dreamweaver?
Ventana > Vista previa en vivo
Archivo > Vista previa en vivo
Diseño > Vista previa
Ver > Previsualización web
¿Qué etiqueta se usa para definir un encabezado en HTML?
<title>
<header>
<h1>
<head>
¿Cuál es el atributo utilizado para especificar el color de fondo en una página HTML?
background
bgcolor
style="background-color:"
color
¿Qué propiedad de CSS se utiliza para cambiar el color de texto de un elemento?
font-color
text-color
color
background-color
¿Cómo se puede hacer que el texto de un enlace cambie de color cuando el puntero del mouse pasa sobre él?
Usando el pseudo-clase :hover
Usando color-change
Usando el atributo hover-color
Usando el pseudo-clase :active
¿Cómo se declara una clase CSS en un archivo CSS externo?
class myClass {}
.myClass {}
#myClass {}
myClass {}
¿Qué etiqueta HTML se usa para insertar un enlace a otra página web?
<href>
<a>
<link>
<url>
¿Cómo se define un borde en un elemento con CSS?
border-style: solid;
border-width: 2px;
border: 1px solid black;
border-color: black;
¿Qué atributo HTML se usa para establecer una imagen como un enlace?
src
href
alt
<a><img src="image.jpg" alt="Imagen"></a>
¿Qué propiedad CSS se utiliza para cambiar el tamaño de un texto?
text-size
font-size
size
text-height
¿Cómo se especifica un archivo CSS externo en un documento HTML?
<link rel="stylesheet" type="text/css" href="estilos.css">
<style href="estilos.css">
<css src="estilos.css">
<script src="estilos.css">
¿Cuál es la etiqueta HTML correcta para crear una lista no ordenada?
<list>
<ul>
<ol>
<li>
¿Cómo se puede añadir un espacio entre líneas de texto en CSS?
line-height
letter-spacing
text-align
word-spacing
¿Qué atributo en la etiqueta <img> se usa para proporcionar una descripción de la imagen si no se puede mostrar?
alt
title
description
src
¿Cómo se agrega un comentario en CSS?
/* Esto es un comentario */
// Esto es un comentario
<!-- Esto es un comentario -->
# Esto es un comentario
¿Qué propiedad CSS se usa para cambiar el tipo de fuente en un documento HTML?
font-style
font-family
font-weight
text-font
¿Qué atributo en la etiqueta <a> especifica la URL a la que debe dirigirse el enlace?
url
link
href
src
¿Cómo se aplica un color de fondo a un <div> en CSS?
div { background-color: red; }
div { color: red; }
div { background: red; }
div { color-background: red; }
¿Qué propiedad CSS se usa para cambiar la alineación del texto?
text-align
align-text
text-position
align-items
¿Cómo se agrega una lista ordenada en HTML?
<ol>
<ul>
<li>
<ol-list>
¿Qué etiqueta HTML se utiliza para incluir un archivo JavaScript en una página?
<script src="archivo.js"></script>
<js src="archivo.js"></js>
<link src="archivo.js"></link>
<include src="archivo.js"></include>
¿Cuál es la etiqueta HTML que se utiliza para agrupar contenido en un documento?
<group>
<section>
<div>
<span>
¿Cuál es el propósito de la etiqueta <meta> en un documento HTML?
Definir la estructura de la página
Proporcionar metadatos, como la codificación de caracteres y la descripción
Definir el encabezado
Insertar una imagen
¿Cuál es el propósito del atributo target="_blank" en un enlace HTML?
Abre el enlace en la misma ventana
Abre el enlace en una nueva ventana o pestaña
Define un enlace dentro del documento
Establece un ancla en el enlace
¿Cómo puedes centrar un texto dentro de un div en CSS?
div { text-align: center; }
div { align: center; }
div { center: text; }
div { justify-content: center; }
¿Cuál es el valor correcto para la propiedad display que hace que un elemento se comporte como un bloque en CSS?
inline
block
flex
grid
¿Cómo se hace que un elemento se muestre en negrita en CSS?
font-weight: bold;
font-style: bold;
font-size: bold;
font-color: bold;
¿Cómo se puede especificar un margen de 20 píxeles en un elemento en CSS?
margin: 20px;
padding: 20px;
margin-left: 20px;
spacing: 20px;
¿Cómo se puede cambiar la fuente de un texto en CSS?
font-family: Arial;
font: Arial;
font-size: Arial;
font-style: Arial;
¿Cuál de los siguientes atributos HTML es necesario para crear una tabla con un borde visible?
border="1"
border="solid"
table-border="1"
table-style="border"
¿Cómo se puede agregar un comentario en HTML?
<!-- Este es un comentario -->
// Este es un comentario
/* Este es un comentario */
<!--- Este es un comentario --->
¿Qué etiqueta HTML se usa para definir el título principal de una página?
<title>
<header>
<h1>
<h2>
¿Qué etiqueta HTML se usa para definir un párrafo?
<div>
<p>
<span>
<section>
¿Cuál es la función principal de la etiqueta <div> en HTML?
Agrupar contenido en una sección o bloque
Establecer el título de la página
Insertar imágenes
Crear listas ordenadas
¿Qué atributo en la etiqueta <a> se usa para especificar el destino del enlace?
href
src
target
link
¿Qué atributo de la etiqueta <img> se usa para especificar la ruta de la imagen que se desea mostrar?
src
alt
title
href
¿Qué etiqueta HTML se usa para crear un enlace a otra página web?
<link>
<a>
<href>
<url>
¿Cómo se hace que una lista de elementos sea no ordenada (sin numeración)?
<ol>
<ul>
<list>
<li>
¿Cómo se crea un ítem dentro de una lista en HTML?
<ul>
<item>
<li>
<ol>
¿Cuál es la etiqueta HTML para definir una lista ordenada?
<ul>
<ol>
<li>
<list>
¿Cómo se puede agrupar varios elementos de contenido en un bloque de HTML?
<block>
<div>
<section>
<span>
¿Qué etiqueta HTML se utiliza para mostrar una imagen?
<image>
<img>
<src>
<picture>
¿Qué atributo de la etiqueta <img> describe el contenido de la imagen cuando no puede mostrarse?
alt
title
caption
src
¿Cómo se enlaza una página web desde un archivo HTML?
<link rel="href" href="pagina.html">
<a href="pagina.html">Enlace</a>
<href="pagina.html">Enlace</href>
<anchor src="pagina.html">Enlace</anchor>
¿Qué significa el atributo target="_blank" en un enlace <a>?
El enlace se abrirá en la misma ventana.
El enlace se abrirá en una nueva ventana o pestaña
El enlace se abrirá en una nueva página.
El enlace se abrirá en un cuadro emergente.
¿Qué significa el atributo href en la etiqueta <a>?
Define el color del enlace.
Especifica la dirección URL del destino del enlace
Especifica el título del enlace.
Define el formato del enlace.
¿Qué etiqueta HTML se utiliza para representar un texto que será destacado dentro de un párrafo?
<strong>
<b>
<mark>
<highlight>
¿Cuál es la etiqueta correcta para crear un enlace a una dirección de correo electrónico?
<a href="mailto:ejemplo@dominio.com">Enviar correo</a
<a href="email:ejemplo@dominio.com">Enviar correo</a>
<email href="ejemplo@dominio.com">Enviar correo</email>
<mailto href="ejemplo@dominio.com">Enviar correo</mailto>
¿Cómo se puede aplicar un color a todo el texto dentro de un párrafo con CSS?
p { color: red; }
p { text-color: red; }
p { font-color: red; }
p { background-color: red; }
¿Cómo se puede hacer que un enlace se vea en negrita usando CSS?
a { font-weight: bold; }
a { text-decoration: bold; }
a { font-style: bold; }
a { font-size: bold; }
¿Qué propiedad CSS se usa para agregar un borde alrededor de una imagen?
border-image: 1px solid black;
border: 1px solid black;
img { border: 2px dotted red; }
img { outline: 2px dashed black; }
¿Qué etiqueta HTML se utiliza para crear una lista numerada?
<ul>
<li>
<ol>
<number>
¿Qué propiedad CSS se usa para establecer la alineación de texto en un contenedor?
text-align
align-text
text-position
text-format
¿Cuál es el atributo necesario en la etiqueta <img> para asegurarse de que la imagen se muestre de manera accesible si no se puede cargar?
title
src
alt
width
¿Qué etiqueta HTML se utiliza para insertar una lista de enlaces dentro de un contenedor?
<ol>
<ul>
<a>
<li>
¿Cómo se puede centrar una imagen dentro de un contenedor con CSS?
img { display: block; margin: auto; }
img { align: center; }
img { margin: 0 auto; }
img { center-align: true; }
¿Qué archivo es necesario incluir para usar Bootstrap 4.4.1 en un proyecto?
bootstrap.min.js
bootstrap.min.css
bootstrap.js
bootstrap.css
¿Qué clase de Bootstrap se utiliza para hacer que un contenedor tenga un ancho máximo ajustable?
container-fluid
container
col-lg
row
¿Qué clase se utiliza para crear una fila dentro de un contenedor en Bootstrap?
col
row
container
container-fluid
En Bootstrap, ¿cómo se crea una columna que ocupe el 6 de 12 partes del contenedor en una vista de escritorio (pantalla grande)?
col-6
col-md-6
col-lg-6
col-xl-6
¿Qué clase de Bootstrap se utiliza para crear un botón primario con un fondo azul?
btn-default
btn-primary
btn-secondary
btn-success
¿Qué clase de Bootstrap se utiliza para mostrar un enlace como un botón?
btn-link
btn-default
btn-action
btn-text
¿Cómo se crea una barra de navegación de Bootstrap que se adapta a dispositivos móviles?
navbar-expand-md
navbar-light
navbar-toggleable-md
navbar-toggler
¿Cómo se agrega un espacio entre los elementos dentro de una fila usando Bootstrap?
padding: 10px
m-3
g-3
gap: 3
¿Qué clase de Bootstrap se utiliza para mostrar una imagen que se adapta al tamaño del contenedor?
img-responsive
img-fluid
img-thumbnail
img-rounded
¿Qué clase de Bootstrap se usa para alinear texto al centro dentro de un contenedor?
text-left
text-center
text-right
text-align-center
¿Qué clase de Bootstrap se usa para crear una tarjeta (card) con un fondo de color azul?
card-primary
card-blue
bg-primary
card-background-blue
En Bootstrap, ¿cómo se hace que una imagen sea redonda?
img-circle
img-rounded
img-circle-rounded
img-border-radius
¿Cómo se crea un formulario dentro de un contenedor en Bootstrap?
form-container
form-group
form-input
form-control
¿Qué clase de Bootstrap se utiliza para ocultar un elemento en pantallas pequeñas y mostrarlo en pantallas grandes?
d-none d-lg-block
d-lg-none d-md-block
hidden-lg
d-sm-block d-xl-none
¿Cómo se crea un diseño de cuadrícula (grid) con Bootstrap que tenga 3 columnas en pantallas grandes?
col-lg-4
col-lg-3
col-xl-3
col-md-3
¿Qué clase de Bootstrap se utiliza para crear un contenedor que ocupe todo el ancho de la página sin márgenes?
container
container-fluid
row-fluid
full-width
¿Qué clase de Bootstrap se usa para mostrar un elemento como un enlace de texto sin subrayado?
text-muted
text-decoration-none
text-link
text-nowrap
¿Cómo se hace que un botón cambie de color cuando el usuario pasa el cursor sobre él en Bootstrap?
btn-hover
btn-focus
btn:hover
btn-focus:hover
¿Qué clase de Bootstrap se usa para dar un fondo gris claro a un elemento de tarjeta (card)?
bg-light
card-light
card-grey
card-background
¿Cómo se hace que un texto se ajuste automáticamente a varias líneas dentro de un contenedor de Bootstrap?
text-wrap
text-truncate
text-break
text-line-wrap
¿Qué clase de Bootstrap se usa para crear un contenedor de navegación que se fija en la parte superior de la página?
navbar-fixed-top
navbar-sticky-top
navbar-top
navbar-fixed
¿Qué clase de Bootstrap se utiliza para ocultar un elemento en dispositivos móviles y mostrarlo solo en pantallas grandes?
d-none d-md-block
d-sm-none d-lg-block
d-md-none d-xl-block
d-block d-lg-none
¿Cuál es la clase de Bootstrap que se usa para aplicar un borde redondeado a una tarjeta (card)?
card-rounded
card-border-radius
card-img-top-rounded
rounded
¿Cómo se aplica un color de fondo oscuro a una tarjeta (card) de Bootstrap?
bg-dark
card-dark
card-background-dark
dark-bg
¿Qué clase de Bootstrap se usa para mostrar una lista de elementos como un conjunto de elementos flexibles?
list-inline
list-block
list-group
list-flex
¿Cómo se crea una barra de progreso en Bootstrap?
<progress class="progress-bar"></progress>
<div class="progress"></div>
<progress-bar class="progress"></progress-bar>
<progressbar class="progress-bar"></progressbar>
¿Qué clase de Bootstrap se utiliza para crear un grupo de botones donde los botones están agrupados horizontalmente?
btn-group
btn-inline
btn-toolbar
btn-hgroup
¿Cuál es la clase para hacer que una tabla sea más estilizada y responsive en Bootstrap?
table-responsive
table-styled
table-hover
table-bordered
¿Qué clase se utiliza en Bootstrap para colocar una imagen como un fondo en un contenedor?
bg-image
img-background
bg-img
bg-img-fluid
¿Qué clase de Bootstrap se utiliza para crear una columna que ocupe el 4 de 12 partes del contenedor en pantallas grandes?
col-lg-4
col-md-4
col-sm-4
col-xl-4
¿Qué clase de Bootstrap se usa para ocultar el texto de un elemento y mostrar solo un ícono?
text-hide
d-inline-block
sr-only
hidden-text
¿Cómo se da un estilo de "hover" (cuando el ratón pasa sobre un elemento) a un enlace en Bootstrap?
link-hover
btn-hover
text-hover
btn-link
¿Cómo se crea un formulario en una fila (row) en Bootstrap para que sus elementos se ajusten de manera responsive?
form-inline
form-row
form-flex
form-responsive
¿Qué clase de Bootstrap se utiliza para crear un menú de navegación con iconos y texto alineados?
navbar-icon-text
navbar-nav
navbar-list
navbar-menu
¿Qué clase de Bootstrap se usa para alinear un contenido en el centro de una columna o fila?
align-center
text-center
align-middle
center-align
¿Cómo se aplica un borde a una columna en Bootstrap?
border
border-class
border-column
border-primary
¿Qué clase de Bootstrap se utiliza para hacer que un botón tenga un borde redondeado?
btn-rounded
btn-border-radius
btn-circle
btn-lg
¿Cómo se crea una lista de enlaces que actúa como una barra de navegación horizontal en Bootstrap?
navbar-horizontal
nav-horizontal
nav
nav-bar
¿Cómo se puede añadir un espacio entre elementos de una fila (row) en Bootstrap?
m-3
g-3
space-3
padding-3
¿Cómo se hace que el contenido de una columna ocupe un porcentaje variable del contenedor en Bootstrap?
col
col-xs-4
col-md-6
col-{n}
¿Qué clase de Bootstrap se usa para hacer que un elemento sea invisible pero siga ocupando espacio en el layout?
d-none
invisible
hidden
hidden-xs
¿Qué clase de Bootstrap se utiliza para hacer que una imagen se ajuste automáticamente al tamaño del contenedor manteniendo sus proporciones?
¿Cómo se añade un espaciado interno (padding) en un contenedor en Bootstrap?
p-3
padding-3
space-3
pad-3
¿Cuál es la clase de Bootstrap que se utiliza para agrupar una serie de elementos de formulario como campos de entrada y botones?
input-group
form-group
form-row
input-set
¿Qué clase de Bootstrap se utiliza para añadir un borde a un elemento?
bordered
border
border-style
outline
¿Cómo se hace que un texto en un botón de Bootstrap sea de color blanco?
btn-white
text-white
btn-light
btn-outline-light
¿Qué clase de Bootstrap se utiliza para crear un fondo de color oscuro en el cuerpo de una página?
bg-dark
dark-bg
background-dark
bg-black
¿Cuál es la clase de Bootstrap que se usa para hacer que un elemento sea completamente invisible y no ocupe espacio?
d-none
invisible
hidden
visibility-hidden
¿Qué clase de Bootstrap se usa para crear un diseño de tarjeta (card) con bordes y sombra?
card-shadow
card-bordered
card
card-style
¿Cómo se define un contenedor con un ancho limitado para que el contenido no ocupe toda la pantalla?
container-fluid
container
content-container
wrap-container
¿Cómo se muestra un botón con un fondo transparente y un borde gris?
btn-transparent
btn-outline
btn-border
btn-no-bg
¿Qué clase de Bootstrap se utiliza para crear una fila (row) con columnas que tienen un espaciado entre ellas?
row-gutter
row-spacing
g-3
spacing-row
¿Cuál es la clase que se utiliza para alinear un contenido al centro de una fila en Bootstrap?
align-center
text-center
justify-content-center
center-content
¿Cómo se puede crear un grupo de botones de radio dentro de un formulario en Bootstrap?
btn-group-radio
form-radio-group
input-group-radio
btn-group
¿Qué clase se utiliza para que las columnas en Bootstrap se acomoden automáticamente dependiendo del tamaño de la pantalla?
col-auto
col-responsive
col-flex
col-fit
¿Cómo se hace que un contenido en un contenedor de Bootstrap se alinee en la parte inferior de su área?
align-bottom
align-self-end
bottom-align
text-bottom
¿Qué clase de Bootstrap se utiliza para crear un encabezado con un tamaño de texto grande?
h1-large
display-1
heading-large
text-large
¿Cómo se aplican diferentes colores de fondo en una fila o columna en Bootstrap?
bg-color
bg-{color}
background-color
color-bg
¿Cuál de las siguientes clases de Bootstrap se usa para agregar un borde a un contenedor?
border-primary
border
container-border
container-bordered
¿Qué clase de Bootstrap se utiliza para hacer que una lista se muestre de manera horizontal?
list-inline
list-horizontal
list-flex
list-group-inline
¿Qué clase de Bootstrap se utiliza para cambiar el color de fondo de un botón a un tono primario?
btn-default
btn-primary
btn-secondary
btn-success
¿Qué clase de Bootstrap se usa para hacer que un elemento sea completamente transparente?
bg-transparent
opacity-0
d-none
visibility-hidden
¿Qué clase de Bootstrap se utiliza para ocultar un elemento en dispositivos pequeños y hacerlo visible en dispositivos grandes?
d-lg-block
d-none d-lg-block
d-sm-none
d-block-lg
¿Qué clase de Bootstrap se usa para ajustar el texto a la derecha?
text-left
text-center
text-right
text-align-right
¿Qué clase de Bootstrap se utiliza para crear un botón con un borde pero sin color de fondo?
btn-outline-primary
btn-primary-outline
btn-no-bg
btn-border
¿Cuál es la clase que se utiliza para crear una lista ordenada sin numeración?
list-group
list-inline
list-unstyled
list-no-numbers
¿Cómo se asigna un color de fondo secundario a un contenedor en Bootstrap?
bg-secondary
background-secondary
bg-muted
container-secondary
¿Qué clase de Bootstrap se usa para colocar un elemento en una fila de manera que ocupe el 12% del ancho total de la fila?
col-1
col-12%
col-12
col-1
¿Cuál es la clase de Bootstrap para agregar un margen de 3 unidades a un lado de un elemento?
m-3
mt-3
ml-3
m-3
¿Qué clase de Bootstrap se utiliza para hacer que una columna ocupe el 50% del ancho en una pantalla pequeña?
col-sm-6
col-6
col-md-6
col-lg-6
¿Cómo se aplica un padding (espaciado interno) de 4 unidades a todos los lados de un elemento en Bootstrap?
p-4
padding-4
padding-all-4
sp-4
¿Qué clase de Bootstrap se utiliza para ocultar un elemento en pantallas medianas y más grandes?
d-none d-md-block
d-md-none
d-sm-none
d-none d-lg-block
¿Qué clase de Bootstrap se utiliza para hacer que un elemento ocupe todo el ancho disponible en la pantalla?
col-12
col-auto
container-fluid
col-full
¿Cómo se agrega un borde redondeado a un botón en Bootstrap?
btn-rounded
btn-sm
rounded
border-rounded
¿Qué clase de Bootstrap se utiliza para cambiar el color de un texto a blanco?
text-dark
text-primary
text-white
text-light
¿Qué clase de Bootstrap se utiliza para agregar un fondo gris a un contenedor?
bg-gray
bg-muted
bg-light
bg-dark
