HuntExams Academy
HTML/CSSIntermediate#css#tailwind#frameworks

What is the difference between a CSS framework like Bootstrap and a utility-first framework like Tailwind?

Bootstrap provides pre-styled, opinionated components (buttons, cards, navbars) you customize via overrides or theme variables. Tailwind provides low-level utility classes you compose yourself to build custom designs, giving more flexibility but requiring more markup decisions upfront.

Example
<!-- Bootstrap -->
<button class="btn btn-primary">Save</button>
<!-- Tailwind -->
<button class="bg-blue-600 text-white px-4 py-2 rounded">Save</button>

Related Questions

1
HTML/CSSAdvanced#css#units

What is the difference between static and dynamic viewport units (vh vs dvh)?

Open
2
HTML/CSSIntermediate#css#cross-browser

How do you handle browser-specific CSS prefixes and why is Autoprefixer useful?

Open
3
HTML/CSSBeginner#html#semantics

What is semantic HTML and why does it matter?

Open