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 class removes text decoration like underlines?

A) .text-decoration-none

B) .text-remove

C) .no-text-style

D) .text-no-decoration

2 / 30

2. How to integrate Bootstrap with React?

A) Use Bootstrap with jQuery

B) Install bootstrap and import in index.js

C) Use react-bootstrap only

D) Use <link> tag in HTML

3 / 30

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

A) By replacing JavaScript components

B) By automatically compressing files

C) By providing predefined styles that eliminate custom CSS

D) By converting styles into SCSS

4 / 30

4. What does .order-1 do?

A) Makes an item hidden

B) Orders an item to appear first

C) Moves an item to the last position

D) Aligns the item in the middle

5 / 30

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

A) variables.json

B) theme.css

C) bootstrap.css

D) _variables.scss

6 / 30

6. Which class removes the horizontal gutters between columns?

A) .gap-0

B) .row-gutter-0

C) .no-gutter

D) .g-0

7 / 30

7. Which Bootstrap class ensures an image is aligned in the center?

A) .img-center

B) .d-block mx-auto

C) .align-middle

D) .centered-img

8 / 30

8. What is the smallest grid breakpoint in Bootstrap 5?

A) xs

B) md

C) sm

D) lg

9 / 30

9. Which preprocessor is used for customizing Bootstrap?

A) SCSS

B) Stylus

C) LESS

D) PostCSS

10 / 30

10. What attribute is used to enable Bootstrap tooltips?

A) data-bs-toggle="tooltip"

B) tooltip-enable

C) data-bs-tooltip="enable"

D) data-bs-toggle="popover"

11 / 30

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

A) tooltip.init(element)

B) element.enableTooltip()

C) new bootstrap.Tooltip(element)

D) activateTooltip(element)

12 / 30

12. How do you make text in a table cell bold using Bootstrap?

A) .text-bold

B) .table-bold

C) .bold-text

D) .fw-bold

13 / 30

13. How do you make a form input full-width in Bootstrap?

A) .full-width

B) .input-expand

C) .form-wide

D) .w-100

14 / 30

14. What class is used to make a Bootstrap navbar responsive?

A) .navbar-flex

B) .navbar-responsive

C) .nav-auto

D) .navbar-expand-*

15 / 30

15. What is the main purpose of Bootstrap’s _variables.scss file?

A) To manage database connections

B) To define JavaScript functions

C) To link HTML files

D) To store default styles and variables

16 / 30

16. What is the correct way to create a floating label for an input field in Bootstrap?

A) Use .form-floating with <label>

B) Use .floating-label

C) Use .float-label

D) Use .form-label-top

17 / 30

17. What does .text-black-50 do in Bootstrap?

A) Sets text color to 50% black opacity

B) Makes text fully black

C) Converts text to bold black

D) Applies a black background

18 / 30

18. How do you include only specific Bootstrap components in a project?

A) Remove unused classes from bootstrap.css

B) Manually delete CSS from Bootstrap files

C) Import only required SCSS components

D) Use Bootstrap CDN with selective loading

19 / 30

19. How can you change the color of an input field's border in Bootstrap?

A) .input-border-red

B) .border-danger

C) .form-control-danger

D) .border-color-red

20 / 30

20. How do you make a Bootstrap navbar expand at a specific screen size?

A) .navbar-collapse-md

B) .navbar-expand-lg

C) .navbar-expand-md

D) .navbar-responsive

21 / 30

21. Which Bootstrap 5 class is used to create a column that spans the full width?

A) .col-auto

B) .col-full

C) .col-6

D) .col-12

22 / 30

22. What is the default Bootstrap icon library in Bootstrap 5?

A) Ionicons

B) Bootstrap Icons

C) Material Icons

D) FontAwesome

23 / 30

23. Which component allows auto-sliding images?

A) Tooltip

B) Carousel

C) Accordion

D) Modal

24 / 30

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

A) Manual download

B) CDN

C) npm or yarn

D) Google Fonts

25 / 30

25. Which command installs Bootstrap 5 using Yarn?

A) yarn add bootstrap

B) yarn get bootstrap

C) yarn download bootstrap

D) yarn bootstrap install

26 / 30

26. When was the first version of Bootstrap released?

A) 2010

B) 2009

C) 2011

D) 2012

27 / 30

27. Does Bootstrap 5 require jQuery?

A) No

B) Only for modals

C) Only for dropdowns

D) Yes

28 / 30

28. How do you disable the default Bootstrap shadows?

A) $box-shadow: none;

B) $disable-shadows: true;

C) $enable-shadows: false;

D) $shadow-none: true;

29 / 30

29. Which Bootstrap 5 class is used to make a container fluid (full-width)?

A) .container-max

B) .container-fluid

C) .container-wide

D) .container-full

30 / 30

30. Which directive is used for Bootstrap dropdowns in Vue?

A) v-b-dropdown

B) v-dropdown

C) b-dropdown

D) vue-dropdown

Your score is

The average score is 25%

Rate Your Experience!

Anonymous feedback

Thank you for your feedback! We appreciate your input.

JavaScript Quiz Test Online (30 random Questions)

10 Minutes MongoDB Quiz Test Online

Angular Quiz Test Online (30 random Questions)

10 Minutes Bootstrap Quiz Test Online

Docker Quiz Test Online (30 random Questions)

CSS Quiz Test Online (30 random Questions)

Related