LAB 2.1

Question 1

• Most popular Front-End Framework
• Used for building responsive, mobile first websites and web applications
• HTML/CSS/JavaScript

Answer 1

Bootstrap

Question 2

Why Use Bootstrap?

Answer 2

• Saves a lot of time in development.
• It is responsive
• It is Compatible across browsers
• It has a large community
• It is customizable

Question 3

• are used to pad the content inside of them

Answer 3

Containers

Question 4

there are two container classes available:
- class provides a responsive fixed width container
- class provides a full-width container, spanning the entire width of the viewport

Answer 4

• .container
• .container-fluid

Question 5

• is built with flexbox and allows up to 12 columns across the page.
• It is responsive, and the columns will re-arrange automatically depending on the screen size.
• Make sure that the sum adds up to 12 or fewer (it is not required that you use all 12 available columns).

Answer 5

The Bootstrap Grid System

Question 6

• .col- (extra small devices - screen width less than 576px)
• .col-sm- (small devices - screen width equal to or greater than 576px)
• .col-md- (medium devices - screen width equal to or greater than 768px)
• .col-lg- (large devices - screen width equal to or greater than 992px)
• .col-xl- (xlarge devices - screen width equal to or greater than 1200px)
• .col-xxl- (xxlarge devices - screen width equal to or greater than 1400px)

Answer 6

Grid Classes