Bootstrap Quiz Test Online (30 random Questions) 2026

Test your Bootstrap knowledge with this 30-minute quiz! Covering fundamental to advanced concepts, this quiz features 30 multiple-choice questions that will challenge your understanding of the Bootstrap framework, including grid systems, components, utilities, and responsive design. Perfect for interview preparation and skill enhancement.

0 votes, 0 avg

You have 30 minutes to complete the quiz. The timer will start when you click the 'Start Quiz' button. Please ensure you are ready before beginning.

Time is up! Your quiz has ended. Your responses have been submitted automatically.

30 Minutes Bootstrap Quiz Test Online

Test your Bootstrap knowledge with this 30-minute quiz! Covering fundamental to advanced concepts, this quiz features 30 multiple-choice questions that will challenge your understanding of the Bootstrap framework, including grid systems, components, utilities, and responsive design. Perfect for interview preparation and skill enhancement.

1 / 30

1. How do you allow Flexbox items to wrap to the next line?

A) .d-flex-wrap

B) .wrap-flex

C) .overflow-wrap

D) .flex-wrap

2 / 30

2. How do you make a Bootstrap modal fullscreen?

A) Use .modal-lg

B) Use .modal-fullscreen

C) Use .modal-expand

D) Use .modal-xl

3 / 30

3. Which SASS variable controls the default Bootstrap border radius?

A) $border-radius

B) $border

C) $corner-radius

D) $radius-base

4 / 30

4. Which class is used to align columns at the bottom of a row?

A) .align-items-end

B) .align-self-bottom

C) .align-bottom

D) .align-row-bottom

5 / 30

5. What is the main purpose of Bootstrap?

A) Database management

B) Front-end framework for responsive design

C) Cybersecurity testing

D) Back-end development

6 / 30

6. Which class is used to italicize text in Bootstrap?

A) .fst-italic

B) .text-slant

C) .text-italic

D) .fw-light

7 / 30

7. Which Bootstrap class is used to align text in the middle of a table cell vertically?

A) .table-align-center

B) .text-middle

C) .vertical-align

D) .align-middle

8 / 30

8. What does the .g-4 class do?

A) Adds 4px padding (gutter) between columns

B) Sets a 4-column layout

C) Adds 4px margin

D) Sets 4px column width

9 / 30

9. What is a common performance issue when using Bootstrap carousels?

A) They load all images at once

B) They reduce JavaScript execution speed

C) They cannot be customized

D) They do not work on mobile

10 / 30

10. Which Bootstrap class is used to create a textarea input field?

A) .form-textarea

B) .textarea-control

C) .form-control

D) .text-field

11 / 30

11. Which command installs Bootstrap 5 using npm?

A) npm install bootstrap

B) npm add bootstrap

C) npm get bootstrap

D) npm download bootstrap

12 / 30

12. Which class is used to create a form select dropdown in Bootstrap?

A) .form-dropdown

B) .select-control

C) .input-dropdown

D) .form-select

13 / 30

13. What is the best way to integrate Bootstrap in a Next.js project?

A) Import bootstrap.min.css in _app.js

B) Install next-bootstrap

C) Add bootstrap in package.json

D) Use bootstrap-jsx

14 / 30

14. What does the .justify-content-between class do?

A) Distributes columns evenly with space between

B) Aligns columns in the center

C) Stretches columns to fit the row

D) Moves columns to the left

15 / 30

15. Which Bootstrap class is used to center a container?

A) .text-center

B) .center-container

C) .mx-auto

D) .align-center

16 / 30

16. What attribute is used to make a Bootstrap navbar toggle in mobile view?

A) data-bs-toggle="menu"

B) data-bs-toggle="collapse"

C) data-bs-toggle="modal"

D) data-toggle="dropdown"

17 / 30

17. Which Bootstrap class makes a table compact by reducing padding?

A) .table-condensed

B) .table-small

C) .table-sm

D) .table-compact

18 / 30

18. What is the default position of a tooltip?

A) Left

B) Right

C) Top

D) Bottom

19 / 30

19. What is the primary benefit of using "react-bootstrap" over traditional Bootstrap in React?

A) No need for jQuery

B) Automatic dark mode

C) Faster animations

D) More themes

20 / 30

20. What is the purpose of .lh-lg in Bootstrap?

A) Decreases line height

B) Increases letter spacing

C) Increases line height

D) Makes text bold

21 / 30

21. How does Bootstrap handle performance in dark mode?

A) Uses less CSS

B) Dark mode does not affect performance significantly

C) Requires extra JavaScript processing

D) Reduces HTML file size

22 / 30

22. How do you install Bootstrap in a Vue.js project?

A) npm install bootstrap-vue

B) vue install bootstrap

C) npm add bootstrap-vue

D) bootstrap-vue install

23 / 30

23. What Bootstrap component provides dynamic sidebar functionality?

A) Offcanvas

B) Dropdown

C) Alert

D) Popover

24 / 30

24. Which class removes text decoration like underlines?

A) .text-decoration-none

B) .text-remove

C) .text-no-decoration

D) .no-text-style

25 / 30

25. What is the purpose of Popper.js in Bootstrap 5?

A) Loads JavaScript files

B) Manages positioning of tooltips and popovers

C) Handles AJAX requests

D) Adds animations

26 / 30

26. What is the Bootstrap class for a smaller input field?

A) .form-sm

B) .input-sm

C) .form-small

D) .form-control-sm

27 / 30

27. What is the default column count in Bootstrap 5’s grid system?

A) 16

B) 12

C) 10

D) 6

28 / 30

28. Which Bootstrap 5 component is used for creating buttons?

A) .btn

B) .button

C) .btn-style

D) .bootstrap-button

29 / 30

29. Which preprocessor does Bootstrap 5 use for customizing styles?

A) Both B and C

B) LESS

C) SASS

D) SCSS

30 / 30

30. Which class makes a flex container stack items vertically?

A) .flex-column

B) .d-block

C) .stack-flex

D) .flex-row

Your score is

The average score is 24%

Rate Your Experience!

Anonymous feedback

Thank you for your feedback! We appreciate your input.

JavaScript Quiz Test Online (30 random Questions)

Angular Quiz Test Online (30 random Questions)

Docker Quiz Test Online (30 random Questions)

10 Minutes Bootstrap Quiz Test Online

JSON Quiz Test Online (30 random Questions)

10 Minutes MongoDB Quiz Test Online

Related