The Bootstrap 5 Grid System is a powerful layout mechanism that enables developers to create responsive, flexible, and mobile-friendly web pages. It is based on a 12-column layout with different breakpoints to support various screen sizes, ensuring a seamless user experience across all devices.
Mastering the Bootstrap Grid System is crucial for technical interviews, as it forms the foundation of modern web design. These top multiple-choice questions (MCQs) will help you prepare for interviews by covering essential topics like grid classes, breakpoints, column sizing, gutters, nesting, alignment, and responsiveness.
1.) What is the default column count in Bootstrap 5’s grid system?
2.) Which Bootstrap 5 class makes a container responsive based on screen size?
3.) What is the smallest grid breakpoint in Bootstrap 5?
4.) What does the .g-4 class do?
5.) Which class is used to define a Bootstrap row?
6.) Which Bootstrap 5 class is used to create a column that spans the full width?
7.) What is the purpose of the .col class in Bootstrap 5?
8.) Which class ensures a column spans 6 grid columns on medium devices and full-width on smaller screens?
9.) How do you center a column in Bootstrap 5?
10.) Which class removes the horizontal gutters between columns?