Bootstrap
ELI5 — The Vibe Check
Bootstrap is the OG CSS framework — add a class and get a pre-styled button, grid, modal, or navbar. It made responsive design accessible to everyone in 2011. The downside: everything built with it looks a little... the same. The Bootstrap look is very recognizable.
Real Talk
Bootstrap is a component-based CSS framework developed by Twitter. It provides a responsive 12-column grid system, pre-built UI components (modals, navbars, cards), utility classes, and JavaScript plugins. Version 5 dropped jQuery. While its design aesthetic is recognizable, it remains widely used in enterprise projects.
Show Me The Code
<div class="container">
<div class="row">
<div class="col-md-6">Left column</div>
<div class="col-md-6">Right column</div>
</div>
</div>
When You'll Hear This
"The client wants it fast — just use Bootstrap." / "You can always tell a Bootstrap site by the default button style."
Related Terms
CSS (Cascading Style Sheets)
CSS is the makeup and wardrobe for your HTML skeleton. It decides what color everything is, how big things are, and where stuff goes on the page.
CSS Grid
CSS Grid is the two-dimensional layout system — rows AND columns at the same time. Think of it like a spreadsheet you can put your whole website into.
Responsive Design
Responsive design means your website looks good on EVERY screen size — from a tiny phone to a giant 4K monitor.
Tailwind
Tailwind is a CSS framework where instead of writing CSS files you add utility classes directly to your HTML.