1. What is Bootstrap 5?
A) A programming language
B) A front-end framework
C) A database management system
D) A server-side scripting language
Answer: B) A front-end framework
2. Which version of Bootstrap introduced the "Utility
API"?
A) Bootstrap 4
B) Bootstrap 3
C) Bootstrap 5
D) Bootstrap 2
Answer: C) Bootstrap 5
3. Which CSS preprocessor is used in Bootstrap 5?
A) SASS
B) Less
C) Stylus
D) None
Answer: D) None
4. What is the main programming language used in Bootstrap
5?
A) JavaScript
B) Python
C) Java
D) C++
Answer: A) JavaScript
5. What is the purpose of the "Container" in
Bootstrap 5 grid system?
A) To create a fluid layout
B) To contain and center the
content
C) To add spacing between elements
D) To apply custom styling
Answer: B) To contain and center
the content
6. Which class is used to create a responsive, fixed-width
container in Bootstrap 5?
A) .container-fluid
B) .container-fixed
C) .container
D) .container-sm
Answer: C) .container
7. Which class is used to create a full-width container
spanning the entire viewport in Bootstrap 5?
A) .container-fluid
B) .container-full
C) .container-wide
D) .container-full-width
Answer: A) .container-fluid
8. Which of the following is NOT a valid component in
Bootstrap 5?
A) Navbar
B) Card
C) Jumbotron
D) Carousel
Answer: C) Jumbotron
9. Which class is used to create a responsive, horizontal
navigation bar in Bootstrap 5?
A) .nav
B) .navbar
C) .navigation
D) .nav-horizontal
Answer: B) .navbar
10. Which class is used to create a dropdown menu in
Bootstrap 5?
A) .dropdown-menu
B) .menu-dropdown
C) .dropdown
D) .drop-menu
Answer: C) .dropdown
11. Which class is used to create a button in Bootstrap 5?
A) .btn
B) .button
C) .button-group
D) .btn-group
Answer: A) .btn
12. Which class is used to create a primary button in
Bootstrap 5?
A) .btn-primary
B) .btn-default
C) .btn-success
D) .btn-secondary
Answer: A) .btn-primary
13. Which class is used to create a form in Bootstrap 5?
A) .form
B) .form-group
C) .form-control
D) .form-input
Answer: A) .form
14. Which class is used to create a text input field in
Bootstrap 5?
A) .text-input
B) .input-text
C) .form-text
D) .form-control
Answer: D) .form-control
15. Which class is used to create a responsive image in
Bootstrap 5?
A) .img-responsive
B) .responsive-img
C) .img-fluid
D) .fluid-img
Answer: C) .img-fluid
16. Which class is used to create a rounded image in
Bootstrap 5?
A) .rounded-img
B) .img-rounded
C) .rounded
D) .img-circle
Answer: C) .rounded
17. Which class is used to create a card component in
Bootstrap 5?
A) .panel
B) .card
C) .container-card
D) .card-container
Answer: B) .card
18. Which class is used to create a modal in Bootstrap 5?
A) .popup
B) .modal
C) .dialog
D) .modal-dialog
Answer: B) .modal
19. Which class is used to create a tooltip in Bootstrap 5?
A) .tip
B) .tooltip
C) .hint
D) .popover
Answer: B) .tooltip
20. Which class is used to create a pagination component in
Bootstrap 5?
A) .pager
B) .pagination
C) .pages
D) .paginate
Answer: B) .pagination
21. Which class is used to create a badge in Bootstrap 5?
A) .label
B) .tag
C) .badge
D) .pill
Answer: C) .badge
22. Which class is used to create a list group in Bootstrap
5?
A) .list
B) .list-group
C) .group-list
D) .list-container
Answer: B) .list-group
23. Which class is used to create a breadcrumb navigation in
Bootstrap 5?
A) .breadcrumbs
B) .breadcrumb
C) .nav-breadcrumb
D) .breadcrumb-nav
Answer: B) .breadcrumb
24. Which class is used to create a collapse/accordion
component in Bootstrap 5?
A) .collapse
B) .accordion
C) .collapsible
D) .panel-group
Answer: A) .collapse
25. Which class is used to create a carousel/slider
component in Bootstrap 5?
A) .carousel
B) .slider
C) .slides
D) .carousel-slider
Answer: A) .carousel
