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. What attribute is required to enable Bootstrap tabs?

A) data-bs-tabs="true"

B) enable-tabs

C) tab-activate

D) data-bs-toggle="tab"

2 / 30

2. What does the bootstrap.bundle.min.js file include?

A) Only CSS styles

B) Only Bootstrap’s JavaScript functions

C) JavaScript + Popper.js

D) Only tooltips and modals

3 / 30

3. What class makes a table row appear more distinct on hover?

A) .row-hover

B) .table-highlight

C) .table-hover

D) .hover-effect

4 / 30

4. When was Bootstrap 5 officially released?

A) 2021

B) 2022

C) 2019

D) 2020

5 / 30

5. What Bootstrap class centers text inside table cells?

A) .table-text

B) .center-text

C) .text-center

D) .table-align-center

6 / 30

6. Which JavaScript framework has official Bootstrap support through "ngx-bootstrap"?

A) Angular

B) Vue.js

C) Svelte

D) React

7 / 30

7. Which Bootstrap class is used to style table headers?

A) .table-header

B) .thead-primary

C) .thead-dark

D) .table-title

8 / 30

8. What Bootstrap class is used to create a sticky navbar?

A) .sticky-top

B) .navbar-fixed-top

C) .navbar-fixed

D) .nav-sticky

9 / 30

9. Which class is used to create a Bootstrap button group?

A) .group-buttons

B) .button-cluster

C) .btn-group

D) .btn-set

10 / 30

10. How can you create a vertical navigation menu using Bootstrap?

A) Add .flex-column to .nav

B) Use .nav-vertical

C) Add .vertical-nav

D) Use .navbar-vertical

11 / 30

11. Which version of Bootstrap introduced the “reboot” module to normalize styles?

A) Bootstrap 4

B) Bootstrap 2

C) Bootstrap 5

D) Bootstrap 3

12 / 30

12. How do you add hover effects to a Bootstrap navbar link?

A) .nav-link:hover { color: red; }

B) .nav-hover

C) .nav-effect

D) .hover-navbar

13 / 30

13. What does the .text-muted class do?

A) Increases text size

B) Reduces text opacity for a softer appearance

C) Hides the text

D) Makes text italic

14 / 30

14. Which Bootstrap class is used to make a flex container take up the full available width?

A) .w-100

B) .h-100

C) .d-flex

D) .flex-fill

15 / 30

15. What class adds a thin border and rounded corners to an image?

A) .img-bordered

B) .img-thumbnail

C) .bordered-img

D) .rounded-border

16 / 30

16. How do you import Bootstrap 5 in a Sass file?

A) @import "bootstrap";

B) @import "https://bootstrapcdn.com/bootstrap.css";

C) @import "bootstrap.min.css";

D) @import "~bootstrap/scss/bootstrap";

17 / 30

17. How do you add a responsive margin to the top of an element in Bootstrap?

A) .margin-top

B) .mt-md-3

C) .top-margin-md

D) .m-t-md

18 / 30

18. Which package manager can be used to install Bootstrap 5?

A) npm

B) Both A and B

C) Composer

D) yarn

19 / 30

19. Which class is used to add a header inside a Bootstrap card?

A) .card-title

B) .card-top

C) .card-head

D) .card-header

20 / 30

20. What Bootstrap class is used to center an image?

A) .img-center

B) .image-align

C) .text-center

D) .mx-auto

21 / 30

21. What is the default font size of Bootstrap 5?

A) 16px

B) 18px

C) 14px

D) 12px

22 / 30

22. How do you modify the default gutter width in Bootstrap’s grid system?

A) Use grid-gutter: 0px; in HTML

B) Add custom .gutter classes in CSS

C) Change $grid-gutter-width in _variables.scss

D) Remove Bootstrap’s grid system and write custom CSS

23 / 30

23. What is the purpose of the Bootstrap 5 grid system?

A) To enhance JavaScript performance

B) To manage layouts using tables

C) To create responsive, flexible layouts

D) To style fonts and colors

24 / 30

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

A) Manages positioning of tooltips and popovers

B) Adds animations

C) Handles AJAX requests

D) Loads JavaScript files

25 / 30

25. What Bootstrap class is used to style a disabled input field?

A) .input-disabled

B) .form-control-disabled

C) .disabled

D) disabled attribute

26 / 30

26. What is the main advantage of Bootstrap’s mobile-first approach?

A) Websites load faster on mobile devices

B) It prioritizes mobile design before scaling up to larger screens

C) It only works on mobile devices

D) It reduces the need for responsive design

27 / 30

27. Which Bootstrap class can be used to add an inline help message below an input field?

A) .input-tooltip

B) .help-message

C) .form-help

D) .form-text

28 / 30

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

A) They load all images at once

B) They do not work on mobile

C) They cannot be customized

D) They reduce JavaScript execution speed

29 / 30

29. Which method is used to include Bootstrap icons in Bootstrap 5?

A) Glyphicons

B) FontAwesome

C) Bootstrap Icons

D) Google Fonts

30 / 30

30. What Bootstrap class is used to make an input field required?

A) .form-mandatory

B) .input-required

C) required attribute

D) .form-required

Your score is

The average score is 24%

Rate Your Experience!

Anonymous feedback

Thank you for your feedback! We appreciate your input.

10 Minutes Bootstrap Quiz Test Online

Angular Quiz Test Online (30 random Questions)

JavaScript Quiz Test Online (30 random Questions)

Online Quiz Test (with time limit)

10 Minutes JavaScript Quiz Test Online

10 Minutes Angular Quiz Test Online

Related