Learn with us

Certainly! Here’s a longer Bootstrap 5 quiz with 50 questions. You can find the answers at the end of the article.

Bootstrap 5 Quiz

1. What is Bootstrap?
   a) A programming language
   b) A CSS framework
   c) A JavaScript library
2. Which version of Bootstrap introduced the CSS utility classes?
   a) Bootstrap 3
   b) Bootstrap 4
   c) Bootstrap 5
3. Which class is used to create a responsive grid layout in Bootstrap?
   a) .container
   b) .row
   c) .col
4. What is the class used to create a responsive navbar in Bootstrap?
   a) .navbar
   b) .nav
   c) .navbar-expand
5. Which class is used to create a card component in Bootstrap?
   a) .card
   b) .panel
   c) .container
6. How many breakpoints are defined in Bootstrap 5?
   a) 2
   b) 3
   c) 4
7. Which class is used to create a button in Bootstrap?
   a) .btn
   b) .button
   c) .btn-primary
8. Which class is used to create a modal in Bootstrap?
   a) .modal
   b) .popup
   c) .dialog
9. Which class is used to create a progress bar in Bootstrap?
   a) .progressbar
   b) .progress
   c) .progress-bar
10. Which class is used to create a tooltip in Bootstrap?
    a) .tooltip
    b) .popup
    c) .tip
11. Which class is used to create a form input group in Bootstrap?
    a) .form-group
    b) .input-group
    c) .form-control
12. What is the class used to create a dropdown menu in Bootstrap?
    a) .dropdown
    b) .menu
    c) .drop-menu
13. Which class is used to create a carousel in Bootstrap?
    a) .slider
    b) .carousel
    c) .slide
14. What is the class used to create a badge in Bootstrap?
    a) .badge
    b) .label
    c) .tag
15. Which class is used to create a responsive table in Bootstrap?
    a) .table
    b) .responsive-table
    c) .table-responsive
16. What is the class used to create a jumbotron in Bootstrap?
    a) .jumbotron
    b) .hero
    c) .container
17. Which class is used to create a list group in Bootstrap?
    a) .list-group
    b) .item-group
    c) .list-item
18. What is the class used to create a collapse component in Bootstrap?
    a) .collapse
    b) .hidden
    c) .toggle
19. Which class is used to create a toast notification in Bootstrap?
    a) .notification
    b) .alert
    c) .toast
20. What is the class used to create a navigation bar in Bootstrap?
    a) .navbar
    b) .nav
    c) .nav-bar
21. Which class is used to create a responsive image in Bootstrap?
    a) .img-responsive
    b) .responsive-img
    c) .img-fluid
22. What is the class used to align text to the right in Bootstrap?
    a) .text-right
    b) .right-align
    c) .align-right
23. Which class is used to create a rounded button in Bootstrap?
    a) .btn-rounded
    b) .btn-circle
    c) .rounded-btn
24. What is the class used to create a full-width container in Bootstrap?
    a) .container
    b) .container-fluid
    c) .full-width
25. Which class is used to create a horizontal form in Bootstrap

?
a) .form-horizontal
b) .horizontal-form
c) .form-row

26. What is the class used to create a justified navigation menu in Bootstrap?
    a) .nav-justified
    b) .justify-nav
    c) .nav-align
27. Which class is used to create a responsive video in Bootstrap?
    a) .video-responsive
    b) .responsive-video
    c) .video-fluid
28. What is the class used to create a list with inline items in Bootstrap?
    a) .list-inline
    b) .inline-list
    c) .list-inline-item
29. Which class is used to create a pill-shaped badge in Bootstrap?
    a) .badge-pill
    b) .badge-round
    c) .pill-badge
30. What is the class used to create a fixed top navbar in Bootstrap?
    a) .navbar-fixed-top
    b) .fixed-top-navbar
    c) .top-fixed-navbar
31. Which class is used to create a vertical navigation menu in Bootstrap?
    a) .vertical-nav
    b) .nav-vertical
    c) .nav-stack
32. What is the class used to create a justified button group in Bootstrap?
    a) .btn-justified
    b) .justified-btn-group
    c) .btn-group-justified
33. Which class is used to create a sticky footer in Bootstrap?
    a) .footer-sticky
    b) .sticky-footer
    c) .sticky-footer-navbar
34. What is the class used to create a breadcrumb navigation in Bootstrap?
    a) .breadcrumb
    b) .nav-breadcrumb
    c) .breadcrumb-nav
35. Which class is used to create a fixed width container in Bootstrap?
    a) .container
    b) .fixed-container
    c) .width-container
36. What is the class used to create a pill-shaped nav tab in Bootstrap?
    a) .nav-pill
    b) .nav-tab-pill
    c) .pill-nav-tab
37. Which class is used to create a vertical divider in Bootstrap?
    a) .divider-vertical
    b) .vertical-divider
    c) .divider
38. What is the class used to create a collapsible accordion in Bootstrap?
    a) .accordion
    b) .collapse
    c) .collapsible
39. Which class is used to create a hidden element in Bootstrap?
    a) .hide
    b) .hidden
    c) .invisible
40. What is the class used to create a sticky sidebar in Bootstrap?
    a) .sidebar-sticky
    b) .sticky-sidebar
    c) .sticky-side
41. Which class is used to create a horizontal divider in Bootstrap?
    a) .divider-horizontal
    b) .horizontal-divider
    c) .divider
42. What is the class used to create a multiselect dropdown in Bootstrap?
    a) .dropdown-multiselect
    b) .multiselect-dropdown
    c) .dropdown-toggle
43. Which class is used to create a thumbnail image in Bootstrap?
    a) .thumbnail-img
    b) .img-thumbnail
    c) .image-thumb
44. What is the class used to create a justified button toolbar in Bootstrap?
    a) .btn-justified
    b) .justified-btn-toolbar
    c) .btn-toolbar-justified
45. Which class is used to create a horizontal scrollable container in Bootstrap?
    a) .container-scroll
    b) .scroll-container
    c) .container-fluid
46. What is the class used to create a card deck in Bootstrap?
    a) .card-stack
    b) .card-deck
    c) .stacked-card
47. Which class is used to create a disabled button in Bootstrap?
    a) .btn-disabled
    b) .disabled
    c) .btn-dark
48. What is the class used to create a full-width jumbotron in Bootstrap?
    a) .jumbotron-fluid
    b) .full-width-jumbotron
    c) .jumbotron-wide
49. Which class is used to create a fixed bottom navbar in Bootstrap?
    a) .navbar-fixed-bottom
    b) .bottom-fixed-navbar
    c) .fixed-bottom-navbar
50. What is the class used to create a text with a line through it in Bootstrap?
    a) .strike
    b) .line-through
    c) .text-line-through

Answers:

1. b) A CSS framework
2. c) Bootstrap 5
3. b) .row
4. a) .navbar
5. a) .card
6. c) 4
7. a) .btn
8. a) .modal
9. c) .progress-bar
10. a) .tooltip
11. b) .input-group
12. a) .dropdown
13. b) .carousel
14. a) .badge
15. c) .table-responsive
16. a) .jumbotron
17. a) .list-group
18. a) .collapse
19. c) .toast
20. a) .navbar
21. c) .img-fluid
22. a) .text-right
23. b) .btn-circle
24. b) .container-fluid
25. a) .form-horizontal
26. a) .nav-justified
27. b) .responsive-video
28. a) .list-inline
29. a) .badge-pill
30. a) .navbar-fixed-top
31. b) .nav-vertical
32. c) .btn-group-justified
33. b) .sticky-footer
34. a) .breadcrumb
35. c) .width-container
36. a) .nav-pill
37. c) .divider
38. b) .collapse
39. b) .hidden
40. b) .sticky-sidebar
41. c) .divider
42. c) .dropdown-toggle
43. b) .img-thumbnail
44. a) .btn-justified
45. c) .container-fluid
46. b) .card-deck
47. b) .disabled
48. a) .jumbotron-fluid
49. a) .navbar-fixed-bottom
50. c) .text-line-through

I hope you enjoyed this Bootstrap 5 quiz and found it helpful for testing your knowledge of Bootstrap concepts.