Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Intro Bootrstrap

Total questions: 10

Worksheet time: 9mins

Name
Class
Date
1.

¿Qué archivos son necesarios para instalar Bootstrap en un proyecto Web?

a)

<!DOCTYPE html>

b)

<meta name="viewport" content="width=device-width, initial-scale=1.0">

c)

<link rel="stylesheet" href="css/bootstrap.min.css">

d)

<script src="js/bootstrap.bundle.min.js">

e)

Ninguna es correcta

2.

¿Cuál de los dos archivos hace referencia a los estilos y componentes que podemos utilizar en Bootstrap?

a)

bootstrap.min.css

b)

bootstrap.bundle.min.js

3.

Complete el código.

Vincule el archivo de Bootstrap JS + Popper JS (versión minified), el archivo se encuentra dentro de la carpeta 'js' de su proyecto web.

(a)  

4.

Complete el código.

Vincule el archivo de Bootstrap CSS (versión minified), el archivo está en la carpeta 'css' de su proyecto Web.

(a)  

5.

¿Cuál de los dos archivos hace referencia a la funcionalidad disponible de los componentes que podemos utilizar en Bootstrap e incluye Popper JS?

a)

bootstrap.min.css

b)

bootstrap.bundle.min.js

6.

Seleccione afirmaciones verdaderas de Bootstrap.

a)

Es un Framework CSS

b)

Permite diseñar sitios Web Responsive

c)

Tiene a disposición clases (class="") para aplicar

d)

Dispone de un sistema de 12 columnas

e)

El framework dispone también de funcionalidad (JS)

7.

Bootstrap.
Establezca un contenedor en la etiqueta <body></body>

(a)  

8.

¿Con qué clase de Bootstrap establecemos una fila en documento?

a)

<div class="container"></div>

b)

<div class="col"></div>

c)

<div class="row"></div>

d)

<div class="col-md-8"></div>

e)

<div class="navbar"></div>

9.

¿Con qué clase de Bootstrap establecemos una columna en la página Web?

a)

<div class="container"></div>

b)

<div class="col"></div>

c)

<div class="row"></div>

d)

<div class="md-8"></div>

e)

<div class="navbar"></div>

10.

Bootstrap.
Complete la declaración de la primera columna.
Tome en cuenta 12-Grid-System.

(a)