Bootstrap Quiz Test Online (30 random Questions) 2025

Test your Bootstrap knowledge with this 45-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 45 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.

45 Minutes Bootstrap Quiz Test Online

Test your Bootstrap knowledge with this 45-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 Bootstrap class adds a checkbox to a form?

A) .form-checkbox

B) .checkbox-group

C) .checkbox

D) .form-check-input

2 / 30

2. What Bootstrap class makes an image responsive?

A) .img-responsive

B) .responsive-img

C) .img-auto

D) .img-fluid

3 / 30

3. What must be added to enable Bootstrap tooltips in React?

A) addBootstrapTooltips();

B) import 'bootstrap/dist/js/bootstrap.bundle.min.js'

C) enableTooltips();

D) require('bootstrap-tooltips')

4 / 30

4. What is Bootstrap’s default container class?

A) .grid

B) .container-fluid

C) .container

D) .row

5 / 30

5. What does .p-0 do in Bootstrap?

A) Adds 0px padding only at the top

B) Adds 0.5rem padding

C) Sets padding to default

D) Removes padding from all sides

6 / 30

6. What is the purpose of .text-break in Bootstrap?

A) Forces text to wrap

B) Adds a break between lines

C) Removes line breaks

D) Justifies text

7 / 30

7. Which preprocessor is used for customizing Bootstrap?

A) SCSS

B) LESS

C) PostCSS

D) Stylus

8 / 30

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

A) .card-top

B) .card-title

C) .card-header

D) .card-head

9 / 30

9. How can you improve Bootstrap performance when using icons?

A) Use multiple icon libraries

B) Avoid using icons altogether

C) Load all Font Awesome icons

D) Use inline SVG icons instead of external icon fonts

10 / 30

10. How can Bootstrap tooltips be optimized for performance?

A) Remove tooltip JavaScript from Bootstrap

B) Load tooltips using an external library

C) Enable tooltips only when necessary

D) Keep all tooltips permanently visible

11 / 30

11. How can you change the background color of a Bootstrap navbar?

A) Using .navbar-style class

B) Using .navbar-color class

C) Using .nav-background class

D) Using .bg-* classes like .bg-primary

12 / 30

12. How do you push an item to the right inside a flex container?

A) .justify-content-end

B) .me-auto

C) .ms-auto

D) .justify-content-start

13 / 30

13. Which Bootstrap class is used to create a pagination component?

A) .pagination

B) .page-links

C) .nav-pagination

D) .paginate-list

14 / 30

14. What is the correct way to activate a Bootstrap tooltip?

A) tooltip-enable="true"

B) data-bs-toggle="tooltip"

C) show-tooltip="on"

D) data-hover="tooltip"

15 / 30

15. Which file format does Bootstrap use for styling its components?

A) .sass

B) .css

C) .scss

D) All of the above

16 / 30

16. What class is used to create a primary button in Bootstrap?

A) .button-primary

B) .btn-primary

C) .btn-main

D) .primary-btn

17 / 30

17. How do you evenly distribute items along the main axis?

A) .justify-content-evenly

B) .align-content-around

C) .justify-content-center

D) .align-items-evenly

18 / 30

18. How do you make text automatically adjust for responsiveness?

A) .text-fluid

B) .text-adapt

C) .text-responsive

D) Bootstrap automatically scales text

19 / 30

19. What is a downside of using too many Bootstrap modals?

A) They require extra CSS

B) They take up extra space in HTML

C) They cannot be styled

D) Each modal adds additional JavaScript processing

20 / 30

20. Which Bootstrap class is used to create a button?

A) .button

B) .btn

C) .btn-style

D) .button-control

21 / 30

21. What is the default position of a tooltip?

A) Left

B) Top

C) Right

D) Bottom

22 / 30

22. How do you nest Bootstrap columns inside another column?

A) Nesting is not supported

B) Use .col-nest class

C) Use .container-nest

D) Wrap columns inside another .col-*

23 / 30

23. What is the role of .row-cols-* classes in Bootstrap?

A) To add spacing between rows

B) To define column height

C) To specify the number of columns per row

D) To align columns vertically

24 / 30

24. Which Bootstrap class is used to create a flex-based navigation bar?

A) .d-flex

B) .nav-flexible

C) .navbar-flex

D) .flex-navbar

25 / 30

25. Which class is used to center text using Bootstrap utilities?

A) .text-align-center

B) .text-center

C) .center-text

D) .align-text-middle

26 / 30

26. Which Bootstrap class is used to create a file upload input field?

A) .form-control with type="file"

B) .file-control

C) .form-upload

D) .form-file

27 / 30

27. What attribute is used to toggle a Bootstrap modal?

A) toggle="true"

B) data-bs-toggle="modal"

C) modal="toggle"

D) data-show="modal"

28 / 30

28. How can Bootstrap tables be optimized for better performance?

A) Use multiple smaller tables

B) Use pagination instead of displaying large datasets

C) Convert tables into images

D) Remove borders from tables

29 / 30

29. Which Bootstrap component allows the creation of collapsible sections?

A) Carousel

B) Accordion

C) ScrollSpy

D) Tooltip

30 / 30

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

A) .form-text

B) .help-message

C) .form-help

D) .input-tooltip

Your score is

The average score is 40%

Rate Your Experience!

Anonymous feedback

Thank you for your feedback! We appreciate your input.

MongoDB Quiz Test Online (30 random Questions)

JavaScript Quiz Test Online (30 Questions)

JSON Quiz Test Online (30 random Questions)

10 Minutes Docker Quiz Test Online

HTML Quiz Test Online

Docker Quiz Test Online (30 random Questions)

Related