🔹 Bootstrap Basics (1–15)
1. What is Bootstrap?
Bootstrap is a popular front-end CSS framework used to create responsive and mobile-first websites quickly.
2. Who developed Bootstrap?
Bootstrap was developed by Twitter.
3. What is the latest version of Bootstrap?
Bootstrap 5 (commonly used in projects).
4. Is Bootstrap free?
Yes, Bootstrap is open-source and free.
5. What is mobile-first approach?
Designing website for mobile devices first, then scaling up for larger screens.
6. Bootstrap CDN?
A CDN loads Bootstrap files from a server to improve performance.
7. What are Bootstrap breakpoints?
| Breakpoint | Size |
|---|---|
| xs | <576px |
| sm | ≥576px |
| md | ≥768px |
| lg | ≥992px |
| xl | ≥1200px |
| xxl | ≥1400px |
8. What is Bootstrap container?
Wraps site content and aligns it properly.
9. Types of containers?
.container.container-fluid
10. What is Bootstrap grid system?
A 12-column layout system.
11. Row class?
.row groups columns horizontally.
12. Column class?
.col, .col-md-6, etc.
13. What is gutter?
Space between columns.
14. What is utility class?
Predefined classes for margin, padding, text, colors.
15. What is responsive utility?
Shows/hides elements based on screen size.
🔹 Bootstrap Components (16–30)
16. What is Navbar?
Responsive navigation bar.
17. What is Card?
Flexible content container.
18. What is Button class?
.btn, .btn-primary
19. What is Modal?
Popup dialog box.
20. What is Carousel?
Image slider component.
21. What is Alert?
Displays important messages.
22. What is Badge?
Small count or label.
23. What is Pagination?
Navigation between pages.
24. What is Breadcrumb?
Shows navigation path.
25. What is Accordion?
Expandable/collapsible content.
26. What is Dropdown?
Toggle menu.
27. What is Toast?
Lightweight notification.
28. What is Tooltip?
Hover text hint.
29. What is Popover?
Advanced tooltip.
30. What is Spinner?
Loading indicator.
🔹 Bootstrap Advanced & Interview Tricky (31–50)
31. Bootstrap 4 vs 5 difference?
Bootstrap 5 removed jQuery dependency.
32. Does Bootstrap support Flexbox?
Yes, Bootstrap is Flexbox-based.
33. What is .d-flex?
Applies flex display.
34. What is spacing utility?
Margin & padding classes (m-3, p-2).
35. What is text utility?
Text alignment, color, transform.
36. What is image utility?
.img-fluid, .rounded
37. What is form control?
Styles form inputs.
38. What is input group?
Adds icons/text to input.
39. What is custom CSS in Bootstrap?
Overriding default styles.
40. What is theming?
Customizing Bootstrap colors & styles.
41. What is Bootstrap icon?
Icon library by Bootstrap.
42. What is collapse?
Show/hide content.
43. What is offcanvas?
Hidden sidebar menu.
44. What is responsive embed?
Responsive videos.
45. What is order class?
Controls column order.
46. What is alignment utility?
Align items easily.
47. What is clearfix?
Fix floating issues.
48. Is Bootstrap good for SEO?
Yes, with proper HTML structure.
49. Bootstrap pros?
- Fast development
- Responsive
- Cross-browser support
50. Bootstrap cons?
- Heavy files
- Similar looking websites
