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. Which Bootstrap class is used to align text in the middle of a table cell vertically?

A) .text-middle

B) .vertical-align

C) .table-align-center

D) .align-middle

2 / 30

2. What is the Bootstrap class for responsive tables?

A) .responsive-table

B) .table-responsive

C) .table-fixed

D) .table-auto

3 / 30

3. 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

4 / 30

4. What Bootstrap class adds a checkbox to a form?

A) .form-checkbox

B) .checkbox

C) .checkbox-group

D) .form-check-input

5 / 30

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

A) .button-primary

B) .primary-btn

C) .btn-primary

D) .btn-main

6 / 30

6. Which class in Bootstrap ensures columns have equal height in a row?

A) .equal-height

B) .col-height

C) .align-items-stretch

D) .row-height-auto

7 / 30

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

A) .input-sm

B) .form-sm

C) .form-small

D) .form-control-sm

8 / 30

8. Which class is used to make an item take up all available space in a Flexbox container?

A) .w-100

B) .flex-full

C) .flex-grow-1

D) .expand-flex

9 / 30

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

A) They cannot be customized

B) They reduce JavaScript execution speed

C) They load all images at once

D) They do not work on mobile

10 / 30

10. What attribute is used to enable Bootstrap tooltips?

A) data-bs-toggle="popover"

B) data-bs-tooltip="enable"

C) tooltip-enable

D) data-bs-toggle="tooltip"

11 / 30

11. What class is used to make a full-width container in Bootstrap?

A) .full-container

B) .container-fluid

C) .container-wide

D) .fluid-box

12 / 30

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

A) .rounded-border

B) .bordered-img

C) .img-thumbnail

D) .img-bordered

13 / 30

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

A) .mx-auto

B) .text-center

C) .image-align

D) .img-center

14 / 30

14. What is the main benefit of using Bootstrap’s theming system?

A) Faster page load

B) Automatic responsiveness

C) Greater flexibility in design

D) No need for JavaScript

15 / 30

15. How can you make a Bootstrap button disabled?

A) Use .btn-off

B) Use .btn-disabled

C) Use .disable-btn

D) Add disabled attribute

16 / 30

16. Which utility class applies equal margin on all sides?

A) .margin-equal

B) .margin-all

C) .m-equal

D) .m-auto

17 / 30

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

A) .form-required

B) .form-mandatory

C) required attribute

D) .input-required

18 / 30

18. What is the correct class to make a form input read-only?

A) .form-disable

B) readonly attribute

C) .form-readonly

D) .form-static

19 / 30

19. Which Bootstrap class is used to display smaller text?

A) .small

B) .font-small

C) .text-small

D) .text-sm

20 / 30

20. What is the major advantage of Bootstrap 5 over previous versions?

A) Removal of jQuery

B) All of the above

C) Better performance and lightweight framework

D) Improved customization with the Utility API

21 / 30

21. Which class is used for radio buttons in Bootstrap?

A) .form-check-input

B) .radio-input

C) .form-radio

D) .radio-button

22 / 30

22. Which command installs Bootstrap 5 using Yarn?

A) yarn download bootstrap

B) yarn get bootstrap

C) yarn bootstrap install

D) yarn add bootstrap

23 / 30

23. Which Bootstrap component collapses sections dynamically?

A) Modal

B) Tooltip

C) Accordion

D) Alert

24 / 30

24. How do you align navbar items to the right?

A) .me-auto

B) .justify-end

C) .align-right

D) .ms-auto

25 / 30

25. What is the recommended way to improve page speed when using Bootstrap?

A) Load CSS first, then defer JavaScript

B) Use inline CSS instead of external files

C) Avoid using the Bootstrap grid system

D) Load Bootstrap JS before the CSS

26 / 30

26. What happens if column widths exceed 12 units in a Bootstrap row?

A) The layout breaks

B) The columns shrink automatically

C) The columns overlap

D) Extra columns wrap to the next line

27 / 30

27. Which Bootstrap class rounds only the top corners of an image?

A) .rounded-only-top

B) .rounded-sm

C) .rounded-top

D) .top-rounded

28 / 30

28. What is the recommended way to override Bootstrap's default spacing (margins & paddings)?

A) Use inline styles in HTML

B) Modify $spacer variables in _variables.scss

C) Write custom CSS classes

D) Modify Bootstrap’s core CSS file

29 / 30

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

A) Handles AJAX requests

B) Adds animations

C) Loads JavaScript files

D) Manages positioning of tooltips and popovers

30 / 30

30. Which Bootstrap framework is best for Vue.js?

A) vue-bootstrap

B) bootstrap-vue

C) ng-bootstrap

D) react-bootstrap

Your score is

The average score is 25%

Rate Your Experience!

Anonymous feedback

Thank you for your feedback! We appreciate your input.

SQL Quiz Test Online (30 random Questions)

10 Minutes CSS Quiz Test Online

10 Minutes Docker Quiz Test Online

10 Minutes Angular Quiz Test Online

HTML Quiz Test Online

JavaScript Quiz Test Online (30 random Questions)

Related