Bootstrap Quiz Test Online (30 random Questions) 2025

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 package provides Bootstrap components for React?

A) react-bootstrap

B) vue-bootstrap

C) ng-bootstrap

D) bootstrap-react

2 / 30

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

A) Better performance and lightweight framework

B) All of the above

C) Improved customization with the Utility API

D) Removal of jQuery

3 / 30

3. What is the default primary color in Bootstrap 5?

A) Green

B) Blue

C) Red

D) Purple

4 / 30

4. Which class is used to create a full-width container in Bootstrap 5?

A) .container-fluid

B) .full-width-container

C) .container-wide

D) .container-fixed

5 / 30

5. How do you install Bootstrap in a React project using npm?

A) bootstrap add react

B) install bootstrap --react

C) npm install bootstrap

D) react-bootstrap install

6 / 30

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

A) .form-control-sm

B) .input-sm

C) .form-sm

D) .form-small

7 / 30

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

A) .form-disable

B) .form-readonly

C) disabled attribute

D) .input-disabled

8 / 30

8. How do you align the table text to the left in Bootstrap?

A) .text-left

B) .table-text-left

C) .left-align

D) .align-left

9 / 30

9. How do you create a Bootstrap popover?

A) Use .popover-active

B) Use popover-enable="true"

C) Use data-show="popover"

D) Use data-bs-toggle="popover"

10 / 30

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

A) .justify-end

B) .align-right

C) .ms-auto

D) .me-auto

11 / 30

11. Which class adds a shadow to an element?

A) .box-shadow

B) .shadow

C) .shadow-lg

D) .shadow-effect

12 / 30

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

A) Prevents the script from loading

B) Removes unused JavaScript

C) Loads the script after the page has fully loaded

D) Ensures the script executes immediately

13 / 30

13. Which class aligns text to be fully justified?

A) .justify-text

B) .text-justify

C) Bootstrap does not support justified text

D) .text-block

14 / 30

14. Which Bootstrap class makes text bold?

A) .font-bold

B) .fw-bold

C) .text-bold

D) .bold-text

15 / 30

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

A) To specify the number of columns per row

B) To define column height

C) To align columns vertically

D) To add spacing between rows

16 / 30

16. How do you align text in table cells?

A) .cell-align

B) .align-left, .align-center, .align-right

C) .text-left, .text-center, or .text-right

D) .table-align

17 / 30

17. How do you add a Bootstrap tooltip manually with JavaScript?

A) activateTooltip(element)

B) new bootstrap.Tooltip(element)

C) tooltip.init(element)

D) element.enableTooltip()

18 / 30

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

19 / 30

19. How do you create a circular image in Bootstrap?

A) .rounded-circle

B) .circle-img

C) .img-circle

D) .img-rounded

20 / 30

20. How can Bootstrap’s utility classes reduce additional CSS file size?

A) By providing predefined styles that eliminate custom CSS

B) By automatically compressing files

C) By converting styles into SCSS

D) By replacing JavaScript components

21 / 30

21. What class is used to add spacing between navbar items?

A) .nav-space

B) .mb-3

C) .p-2

D) .me-2

22 / 30

22. Which Bootstrap JavaScript component provides tabbed navigation?

A) ScrollSpy

B) Tabs

C) Carousel

D) Accordion

23 / 30

23. Where are Bootstrap's default style variables defined?

A) variables.json

B) theme.css

C) bootstrap.css

D) _variables.scss

24 / 30

24. What attribute is required to enable Bootstrap tabs?

A) data-bs-toggle="tab"

B) enable-tabs

C) data-bs-tabs="true"

D) tab-activate

25 / 30

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

A) .text-adapt

B) .text-responsive

C) .text-fluid

D) Bootstrap automatically scales text

26 / 30

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

A) .img-bordered

B) .bordered-img

C) .rounded-border

D) .img-thumbnail

27 / 30

27. How do you remove unused Bootstrap styles for better performance?

A) Remove Bootstrap and write custom CSS

B) Minify Bootstrap

C) Manually delete unused CSS

D) Use a tool like PurgeCSS

28 / 30

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

A) Use .nav-vertical

B) Add .vertical-nav

C) Add .flex-column to .nav

D) Use .navbar-vertical

29 / 30

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

A) .group-buttons

B) .button-cluster

C) .btn-group

D) .btn-set

30 / 30

30. What Bootstrap class adds borders to a table?

A) .table-bordered

B) .bordered-table

C) .table-line

D) .table-border

Your score is

The average score is 21%

Rate Your Experience!

Anonymous feedback

Thank you for your feedback! We appreciate your input.

SQL Quiz Test Online (30 random Questions)

10 Minutes JSON Quiz Test Online

Angular Quiz Test Online (30 random Questions)

10 Minutes HTML Quiz Test Online

10 Minutes MongoDB Quiz Test Online

MongoDB Quiz Test Online (30 random Questions)

Related