WorksheetsBootstrap
Total questions: 20
Worksheet time: 11mins
Está usualmente colocada en la parte superior de nuestro sitio web y contiene los enlaces a las páginas principales
footer
navbar
nb
nabvar
Ventaja de Bootstrap
Utiliza sistema grid
Utiliza código cerrado
Utiliza 5 directorios
Cantidad de columnas con las que se trabajan en Bootstap
10
11
12
6
Al descargar Bootstrap, cuales son los directorios o carpetas que incluye?
css y jsc
css y js
php y js
html, css y js
Una de las características principales de Bootstrap es permitir que la adaptación de la página se realice según el tipo de dispositivo utilizado
Responcive
class
col
Responsivo
Bootstrap es libre, y los usuarios tienen libertad de usarlo, mejorarlo y distribuirlo libremente
Verdadero
Falso
Bootsrap es :
Bootsrap es un lenguaje de desarrollo
Bootsrap es una clase de diseño
Bootsrap es un framework frontend para desarrollo web
Que es el sistema de grillas
Es un sistema de 10 columnas para hacer los sitios adaptables.
Es un sistema de 14 columnas para hacer los sitios adaptables.
Es un sistema de 12 columnas para hacer los sitios adaptables.
Elemento de diseño más básico y principal en Bootstrap
<div class="navbar"> … </div>
<div class="container"> … </div>
<ul class="pagination"> ... </ul>
Cuando se quiere ocupar el 100% de ancho ocupamos la opción
container-100%
container-fluid
contain-fluid
container-flex
Para utilizar Bootstrap hay que ...
agregar las clases en las etiquetas de mi documento html
definir en un documento externo como quiero que se vea mi página
agregar selectores y propiedades en mi documento css
utilizar los comentarios de html para definir como quiero que se vea mi página
¿Qué significa que una página web es responsiva?
La página web es capaz de transformarse y cambiar su contenido en función de lo que haga el usuario
La misma página web es posible
verla en diferentes dispositivos de diferentes tamaños y se acomode para mostrarse bien en el espacio disponible
La página web es posible instalarla en un smartphone como si fuera una aplicación
La página permite añadir información de forma dinámica, así como wikipedia
¿Cual es la clase que permite crear una fila de columnas?
class="row"
class="col"
class="fila"
class="col-3"
¿Con cuál de estas opciones puedo crear una fila de 3 columnas?
¿Con cuál de estas opciones puedo mostrar una sola columna para una pantalla pequeña y 4 columnas para una pantalla grande?
¿Con qué opción puedo obtener una distribución de columnas como la mostrada en la imagen?
En la barra de navegación de Bootstrap, se utiliza el menú desplegable como elemento de navegación
dropsdown
dropdown
dropdowns
¿Qué beneficios aportó Bootstrap al desarrollo de proyectos web?
Ahorro de tiempo al utilizar recursos desarrollados previamente
Mejora de código en el lado del servidor
Diseño web responsive
Todas son correctas
¿Cuál de las siguientes clases de fondos no existe en Bootstrap?
bg-primario
bg-red
bg-success
bg-black
¿Qué clase debo utilizar para que se quede de esta forma la imagen?
rounded-circle
img-rounded
img-thumbnail
rounded
