Q3: Describe how you would use Bootstrap's grid system to create a responsive gallery layout.
- col-lg-3 col-md-4 col-sm-6
- col-lg-3 col-md-6 col-sm-12
- col-lg-4 col-md-4 col-sm-6
- col-lg-4 col-md-6 col-sm-12
To create a responsive gallery layout in Bootstrap, use 'col-lg-4' for large screens, 'col-md-6' for medium screens, and 'col-sm-12' for small screens. This combination ensures a flexible and visually appealing gallery that adapts to various device sizes.
Loading...
Related Quiz
- Bootstrap's scrollspy functionality is initialized with the JavaScript method '___()'.
- The '___-gutter' class in Bootstrap is used to modify the spacing between grid columns.
- Bootstrap's '___' class can be dynamically updated with AJAX to display loading states.
- 3. Implement AJAX-driven data refresh in Bootstrap tables by targeting the '___' element.
- Outline a strategy for creating an accessible and navigable table with pagination in a Bootstrap-based admin dashboard.