Bootstrap Flexbox & Utilities provide a powerful way to manage layouts and responsiveness efficiently. Flexbox helps in aligning, ordering, and distributing elements inside containers, while utilities provide ready-to-use classes for spacing, sizing, coloring, and positioning.
These MCQs cover key concepts that will help in mastering Flexbox and Bootstrap utilities, ensuring you’re well-prepared for technical interviews and real-world projects.
1.) Which class enables the use of Flexbox in Bootstrap?
2.) What does .flex-row do in Bootstrap?
3.) How do you reverse the order of flex items in Bootstrap?
4.) Which class is used to align items vertically in the center?
5.) What does .d-none do in Bootstrap?
6.) What does .order-1 do?
7.) Which class is used to make an item take up all available space in a Flexbox container?
8.) How do you align content at the end of a Flexbox container?
9.) Which utility class applies equal margin on all sides?
10.) How do you add a responsive margin to the top of an element in Bootstrap?