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 class is used to make a Bootstrap navbar responsive?

A) .navbar-flex

B) .navbar-expand-*

C) .navbar-responsive

D) .nav-auto

2 / 30

2. Bootstrap 5 introduced which new layout system?

A) Utility API

B) Grid API

C) Column API

D) Theme API

3 / 30

3. Which Bootstrap component is used for lightweight notifications?

A) Toast

B) Alert

C) Popover

D) ScrollSpy

4 / 30

4. Which class ensures a column spans 6 grid columns on medium devices and full-width on smaller screens?

A) .col-md-6

B) .col-sm-12 .col-md-6

C) .col-6-md

D) .col-xs-12 .col-md-6

5 / 30

5. Which Bootstrap class is used for responsive image alignment?

A) .float-start, .float-end, .mx-auto

B) .image-responsive

C) .img-center

D) .align-img

6 / 30

6. How can you make a column invisible on small screens?

A) .col-hidden-sm

B) .d-hide

C) .d-none d-sm-block

D) .hide-sm

7 / 30

7. Which class aligns text to be fully justified?

A) .text-block

B) .text-justify

C) Bootstrap does not support justified text

D) .justify-text

8 / 30

8. What tool can be used to remove unused Bootstrap classes from your project?

A) Bootstrap Trimmer

B) PurgeCSS

C) Bootstrap Cleaner

D) CSS Minifier

9 / 30

9. Which Bootstrap component provides a sliding image gallery?

A) Carousel

B) Popover

C) Offcanvas

D) Modal

10 / 30

10. What attribute is used to enable Bootstrap tooltips?

A) tooltip-enable

B) data-bs-toggle="tooltip"

C) data-bs-tooltip="enable"

D) data-bs-toggle="popover"

11 / 30

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

A) By automatically compressing files

B) By converting styles into SCSS

C) By providing predefined styles that eliminate custom CSS

D) By replacing JavaScript components

12 / 30

12. Which file extension is used for Bootstrap’s main stylesheet?

A) .scss

B) .js

C) .css

D) .bootstrap

13 / 30

13. What is the key advantage of using Bootstrap SCSS instead of CSS?

A) It speeds up Bootstrap’s JavaScript execution

B) It reduces file size

C) It allows customization before compilation

D) It automatically compresses CSS

14 / 30

14. What is the main purpose of Bootstrap?

A) Database management

B) Back-end development

C) Cybersecurity testing

D) Front-end framework for responsive design

15 / 30

15. What is the default font family for Bootstrap Icons?

A) Bootstrap Icons

B) Font Awesome

C) Google Icons

D) Material Icons

16 / 30

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

A) Green

B) Red

C) Blue

D) Purple

17 / 30

17. What is the purpose of .lh-lg in Bootstrap?

A) Increases letter spacing

B) Decreases line height

C) Increases line height

D) Makes text bold

18 / 30

18. How do you make text uppercase in Bootstrap?

A) .text-upper

B) .text-uppercase-all

C) .text-uppercase

D) .uppercase-text

19 / 30

19. What class is used to create a dark-themed navbar?

A) .nav-dark

B) .navbar-black

C) .navbar-dark bg-dark

D) .navbar-light bg-dark

20 / 30

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

A) Use .form-icon

B) Use .form-search

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

D) Apply .icon-input

21 / 30

21. Which preprocessor does Bootstrap 5 use for customizing styles?

A) SCSS

B) Both B and C

C) SASS

D) LESS

22 / 30

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

A) .img-bordered

B) .rounded-border

C) .img-thumbnail

D) .bordered-img

23 / 30

23. Which JavaScript method is used to dispose of a Bootstrap component?

A) dispose()

B) delete()

C) remove()

D) destroy()

24 / 30

24. How do you create a Bootstrap breadcrumb navigation?

A) .nav-breadcrumb

B) .breadcrumb

C) .bread-nav

D) .nav-path

25 / 30

25. Which Bootstrap method is best for installing dependencies in a Node.js project?

A) npm or yarn

B) Manual download

C) CDN

D) Google Fonts

26 / 30

26. What attribute is used to activate ScrollSpy?

A) activate-scrollspy

B) data-bs-spy="scroll"

C) data-bs-scroll="spy"

D) scroll-enable

27 / 30

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

A) .container-fluid

B) .fluid-box

C) .full-container

D) .container-wide

28 / 30

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

A) It only works on mobile devices

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

C) Websites load faster on mobile devices

D) It reduces the need for responsive design

29 / 30

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

A) .ms-auto

B) .justify-end

C) .me-auto

D) .align-right

30 / 30

30. What is the best way to include Bootstrap in a project for optimal performance?

A) Add Bootstrap via inline styles

B) Use a CDN version of Bootstrap

C) Load Bootstrap in multiple <script> tags

D) Download the full Bootstrap source files

Your score is

The average score is 25%

Rate Your Experience!

Anonymous feedback

Thank you for your feedback! We appreciate your input.

JSON Quiz Test Online (30 random Questions)

MongoDB Quiz Test Online (30 random Questions)

JavaScript Quiz Test Online (30 random Questions)

10 Minutes Bootstrap Quiz Test Online

CSS Quiz Test Online (30 random Questions)

10 Minutes Angular Quiz Test Online

Related