Bootstrap 5 Exam Question and Answer

 

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