Bootstrap Quiz

1. Fill in the blank: Bootstrap is a _________ framework for developing responsive and mobile-first websites.

• complicated

• popular

• outdated

• unreliable

2. Multiple Choice: Which version of Bootstrap introduced the card component? A) 3 B) 4 C) 5

• C

• B

• D

• A

3. Fill in the blank: Bootstrap uses a 12-_________ grid system for layout.

• inch

• column

• foot

• pixel

4. Multiple Choice: Which class is used to create a basic button in Bootstrap? A) .btn B) .button C) .basic-btn

• E) .btn-basic

• F) .basic

• A) .btn

• D) .basic-button

5. Fill in the blank: The Bootstrap navigation bar is created using the ________-nav class.

• nav-bar

• nav-link

• nav-menu

• navbar-nav

6. Multiple Choice: Which utility class is used to hide an element visually but keep it available for screen readers? A) .hidden B) .sr-only C) .invisible

• C) .invisible

• B) .sr-only

• D) .screen-hidden

• A) .hidden

7. Fill in the blank: The Bootstrap grid system has ________ columns.

• 10

• 15

• 12

• 8

8. Multiple Choice: Which class is used to create a responsive, full-width container in Bootstrap? A) .container B) .container-fluid C) .full-width

• A) .container

• C) .full-width

• B) .container-fluid

• D) .responsive-container

9. Fill in the blank: Bootstrap's default font size is ________ pixels.

• 12

• 20

• 24

• 16

10. Multiple Choice: Which class is used to create a responsive, equal-width column in Bootstrap? A) .col B) .col-md C) .col-12

• B) .col-lg

• C) .col-xs

• A) .col-md

• C) .col-12