Training Trains Internship
Student login
← Tailwind CSS & Bootstrap learning path
Tailwind CSS & Bootstrap · Module 1 of 10

CSS frameworks overview

Frameworks speed up styling with ready-made patterns.

📖 Key ideas

  1. Bootstrap provides ready components (navbar, cards, modals) and a grid.
  2. Tailwind provides small utility classes you combine (p-4, text-center).
  3. Both are responsive and mobile-first.
  4. Bootstrap: faster for standard looks; Tailwind: more custom designs.
  5. Both can be installed via CDN or npm.
💡 Real-life example: Bootstrap is ready-made furniture; Tailwind is a box of planks and screws to build your own design.
BootstrapComponent-based CSS framework
Tailwind CSSUtility-first CSS framework
Utility classClass doing one small style job
Mobile-firstDesign for phones, then larger screens