3.4 bootstrap

Question 1

What is Responsive Web Design (RWD)?

Answer 1

“Creating web sites which automatically adjust themselves to look good on all devices”

Question 2

What technologies are used in RWD?

Answer 2

“Only HTML and CSS”

Question 3

What is the viewport?

Answer 3

“The user’s visible area of a web page”

Question 4

What is the recommended viewport setting for responsive web design?

Answer 4

“<meta name=’viewport’ content=’width=device-width

Question 5

What is a CSS media query?

Answer 5

“A CSS technique introduced in CSS3 that includes a block of CSS properties only if a certain condition is true”

Question 6

Give an example of a media query.

Answer 6

“@media only screen and (max-width: 600px) { body { background-color: lightblue; } }”

Question 7

List typical device breakpoints used in media queries.

Answer 7

“Extra small (phones

Question 8

What is Bootstrap?

Answer 8

“A free front-end framework for faster and easier web development”

Question 9

Name three advantages of Bootstrap.

Answer 9

“Easy to use

Question 10

What are the core components of Bootstrap?

Answer 10

“HTML and CSS based design templates and optional JavaScript plugins”

Question 11

Is Bootstrap compatible with modern browsers?

Answer 11

“Yes

Question 12

What are the Bootstrap 5 grid classes?

Answer 12

“.col-

Question 13

How many columns does the BS5 Grid System have?

Answer 13

“12”