Bootstrap Quiz

Bootstrap is a “mobile-first” framework, meaning it is designed for smaller screens first and then scales up for larger screens.

• True

• False

Why is Bootstrap considered “mobile-first”?

• It only works on mobile devices.

• It prioritizes designs for smaller screens first, scaling up for larger screens.

• It does not support desktop layouts.

• It requires a special mobile device to use.

How many columns are in a single row of the Bootstrap grid system?

• 6

• 8

• 12

• 16

If columns in a single row exceed 12, the extra columns move to the next row.

• True

• False

Which class creates a layout that spans the full width of the screen?

• .container

• .container-fluid

• .row

The .container class provides a fixed-width layout.

• True

• False

Which text class would you use for a warning message?

• .text-danger

• .text-warning

• .text-muted

• .text-primary

The .text-center class aligns text to the right.

• True

• False

Which class would you use to style a red button for a delete action?

• .btn-danger

• .btn-warning

• .btn-primary

• .btn-success

Explain how the Bootstrap grid system works to create responsive layouts.

• It uses a series of containers, rows, and columns to layout and align content.

• It uses a single container to align all content.

• It uses a series of rows and columns without containers.

• It uses only columns to align content.

Tags

DOK Level 2: Skill/Concept