Lesson 60 of 60 – Bootstrap Final Quiz
100%

Bootstrap Final Quiz

Congratulations! 🎉 You have completed the Bootstrap tutorial. This final quiz reviews the important concepts covered throughout the 60 Bootstrap lessons.

Instructions: Choose the correct answer for each question and check your answers after completing the quiz.

1. What is Bootstrap?

Question: What is Bootstrap mainly used for?




2. Bootstrap Container

Question: Which class creates a responsive fixed-width container?




3. Full Width Container

Question: Which class creates a full-width container?




4. Bootstrap Grid

Question: How many columns are available in the Bootstrap grid?




5. Bootstrap Row

Question: Which class is used to create a Bootstrap grid row?




6. Bootstrap Columns

Question: What does col-md-6 represent?




7. Responsive Image

Question: Which class makes an image responsive?




8. Bootstrap Button

Question: Which class creates a primary Bootstrap button?




9. Bootstrap Alert

Question: Which class is the base class for Bootstrap alerts?




10. Bootstrap Card

Question: Which class creates a Bootstrap card?




11. Card Body

Question: Which class is normally used for the main content inside a card?




12. Bootstrap Badge

Question: Which class is used to create a Bootstrap badge?




13. Bootstrap Navbar

Question: Which class is used as the main Bootstrap navbar class?




14. Navbar Responsive Expansion

Question: Which class makes a navbar expand at the large breakpoint?




15. Bootstrap Form Control

Question: Which class styles a standard Bootstrap text input?




16. Form Label

Question: Which class is used for a Bootstrap form label?




17. Bootstrap Spacing

Question: Which class adds margin to the top?




18. Padding Utility

Question: Which class adds padding to all four sides?




19. Flexbox

Question: Which class applies Bootstrap's flex display utility?




20. Display Utility

Question: Which Bootstrap class hides an element?




21. Bootstrap Modal

Question: Which Bootstrap component displays content in a dialog overlay?




22. Bootstrap Accordion

Question: Which Bootstrap component is commonly used for collapsible content panels?




23. Bootstrap Carousel

Question: Which Bootstrap component is designed for slides?




24. Bootstrap Offcanvas

Question: Which component displays a hidden panel that can slide into view?




25. Bootstrap Toast

Question: Which component is commonly used for small temporary notifications?




26. Bootstrap Icons

Question: Are Bootstrap Icons included in the core Bootstrap CSS package?




27. Responsive Table

Question: Which class can make a wide table horizontally scrollable on smaller screens?




28. Bootstrap Breakpoint

Question: What is the minimum width of the Bootstrap md breakpoint?




29. Bootstrap JavaScript

Question: Which Bootstrap components commonly require JavaScript for interactive behavior?




30. Bootstrap Complete Project

Question: Which combination is most appropriate for creating a complete responsive Bootstrap website?




📌 Bootstrap Final Revision

  • Bootstrap is a front-end framework for building responsive websites.
  • The grid system is based on 12 columns.
  • container creates a responsive container.
  • container-fluid creates a full-width container.
  • row creates a grid row.
  • Responsive columns use breakpoint classes such as col-md-6.
  • img-fluid makes images responsive.
  • Bootstrap provides buttons, cards, alerts, badges, forms, navbars, modals, carousels, accordions, toasts, and many other components.
  • Bootstrap utility classes make spacing, display, flexbox, sizing, positioning, borders, and shadows easier.
  • Bootstrap Icons are provided as a separate icon library.
  • Interactive components such as modals, carousels, tooltips, popovers, and offcanvas use Bootstrap's JavaScript functionality.
  • Bootstrap follows a mobile-first responsive approach.

🧠 Final Quiz Result

Question: Which Bootstrap class is used to make a standard image responsive?