Bootstrap Interview Prep
4 min read Quiz at the end
Interview topics: 12-column grid, breakpoints, no jQuery, data-bs- prefix, Sass customization.
Bootstrap Interview Topics
- Grid system — 12-column, mobile-first, uses flexbox internally
- Container types — container (fixed), container-fluid (full width), container-{breakpoint}
- Breakpoints — xs, sm (576), md (768), lg (992), xl (1200), xxl (1400)
- Bootstrap 5 vs 4 — v5 dropped jQuery; uses vanilla JS; new utilities; RTL support
- Utility API — generate custom utility classes in _utilities.scss
- data-bs- prefix — all Bootstrap JS attributes use data-bs- prefix
- Sass variables — customize brand colors, spacing, border-radius before build
- CSS variables — Bootstrap 5.2+ exposes variables via :root for runtime customization
Topic Quiz · 4 questions
Test your understanding before moving on
1. Bootstrap grid uses how many columns?
💡 Bootstrap 12-column grid allows flexible layouts.
2. What did Bootstrap 5 remove compared to Bootstrap 4?
💡 Bootstrap 5 dropped jQuery — all JavaScript is now vanilla JS.
3. Bootstrap Sass variables are customized when?
💡 Custom Sass variables must come BEFORE @import "bootstrap" to override defaults.
4. What does Bootstrap Utility API allow?
💡 The Utility API lets you define or modify utility classes via the $utilities Sass map.