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 is the role of .row-cols-* classes in Bootstrap?

A) To define column height

B) To align columns vertically

C) To add spacing between rows

D) To specify the number of columns per row

2 / 30

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

A) .css

B) All of the above

C) .sass

D) .scss

3 / 30

3. What is the impact of using Google Fonts in a Bootstrap project?

A) Improves SEO rankings

B) Increases load time if not optimized

C) Loads faster than system fonts

D) Reduces the need for Bootstrap classes

4 / 30

4. How do you disable a form input in Bootstrap?

A) .form-readonly

B) .input-disabled

C) .form-disable

D) disabled attribute

5 / 30

5. What package provides Bootstrap utilities in Next.js?

A) bootstrap

B) bootstrap-next

C) bootstrapjs

D) bootstrap-utils

6 / 30

6. What does the .text-reset class do?

A) Changes text to default black

B) Makes text smaller

C) Removes text styles

D) Resets text color to the parent’s default color

7 / 30

7. What happens if Bootstrap’s CSS file is missing?

A) Nothing happens

B) JavaScript components still work

C) The website loads normally

D) Styles and layout break

8 / 30

8. How do you make text uppercase in Bootstrap?

A) .uppercase-text

B) .text-uppercase

C) .text-uppercase-all

D) .text-upper

9 / 30

9. Which class is used to change the table background color?

A) .table-dark

B) .table-primary

C) .table-bg

D) .table-color

10 / 30

10. Which command installs Bootstrap-Vue in a Vue.js project?

A) bootstrap add vue

B) vue add bootstrap

C) npm install bootstrap-vue

D) install bootstrap vue

11 / 30

11. Which Bootstrap class applies text shadow?

A) .text-shadow

B) .shadow-text

C) .text-blur

D) Bootstrap does not have a built-in text-shadow class

12 / 30

12. Which class is used to float an image to the right in Bootstrap?

A) .img-right

B) .float-right

C) .float-end

D) .image-float

13 / 30

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

A) 12

B) 6

C) 16

D) 10

14 / 30

14. How can you add a search icon inside a Bootstrap input field?

A) Use .form-icon

B) Apply .icon-input

C) Use .form-search

D) Use .input-group with <i class="bi bi-search"></i>

15 / 30

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

A) toggle="true"

B) data-show="modal"

C) data-bs-toggle="modal"

D) modal="toggle"

16 / 30

16. Which Bootstrap class is used to create a badge?

A) .label

B) .badge

C) .tag

D) .status

17 / 30

17. How do you center a div horizontally in Bootstrap?

A) .justify-center

B) .align-center

C) .mx-auto

D) .m-center

18 / 30

18. Which Bootstrap class is used to style input fields?

A) .input-style

B) .input-control

C) .bootstrap-input

D) .form-control

19 / 30

19. How do you change the primary color in Bootstrap 5?

A) Modify _colors.scss

B) Use JavaScript to set a new primary color

C) Add a new .primary class in CSS

D) Override $primary in a custom SCSS file

20 / 30

20. Which class transforms text into lowercase letters?

A) .text-smallcase

B) .text-downcase

C) .text-lower

D) .text-lowercase

21 / 30

21. What class applies a border around an image?

A) .border

B) .border-light

C) .img-border

D) .border-img

22 / 30

22. Which of the following browsers is NOT supported in Bootstrap 5?

A) Chrome

B) Firefox

C) Edge

D) Internet Explorer

23 / 30

23. How do you import Bootstrap styles in an Angular project?

A) import 'bootstrap' in app.module.ts

B) Add bootstrap.min.css in angular.json

C) require('bootstrap') in app.component.ts

D) useBootstrap(); in main.ts

24 / 30

24. Which Bootstrap JavaScript component provides tabbed navigation?

A) ScrollSpy

B) Tabs

C) Accordion

D) Carousel

25 / 30

25. Which Bootstrap class is used to display form validation messages?

A) .form-error

B) .form-validation

C) .valid-feedback

D) .error-message

26 / 30

26. How do you change the hover effect of Bootstrap buttons globally?

A) Modify Bootstrap's bootstrap.css file

B) Add a .btn:hover class in custom CSS

C) Use JavaScript to change the hover style

D) Override $btn-hover-bg in _variables.scss

27 / 30

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

A) .bordered-img

B) .rounded-border

C) .img-bordered

D) .img-thumbnail

28 / 30

28. Which class removes the horizontal gutters between columns?

A) .g-0

B) .no-gutter

C) .gap-0

D) .row-gutter-0

29 / 30

29. How do you make an accordion using Bootstrap?

A) .panel-group

B) .accordion

C) .collapsible

D) .toggle-list

30 / 30

30. What does the "defer" attribute do when loading Bootstrap JavaScript?

A) Prevents the script from loading

B) Loads the script after the page has fully loaded

C) Removes unused JavaScript

D) Ensures the script executes immediately

Your score is

The average score is 24%

Rate Your Experience!

Anonymous feedback

Thank you for your feedback! We appreciate your input.

10 Minutes SQL Quiz Test Online

10 Minutes CSS Quiz Test Online

Docker Quiz Test Online (30 random Questions)

10 Minutes Docker Quiz Test Online

JSON Quiz Test Online (30 random Questions)

10 Minutes Bootstrap Quiz Test Online

Related