Tailwind CSS: Warum ich kein Bootstrap mehr anfasse
Tailwind CSS: Meine ehrliche Meinung
Als Tailwind 2019 erschien war meine erste Reaktion: 'Das ist doch HTML mit Inline-Styles'. Ich lag falsch.
Was Tailwind anders macht
Bootstrap gibt dir vorgefertigte Komponenten (Button, Card, Modal) mit festem Aussehen. Tailwind gibt dir utility-Klassen — du baust deine Komponenten selbst.
<!-- Bootstrap Button -->
<button class='btn btn-primary'>Klick mich</button>
<!-- Tailwind Button -->
<button class='bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition'>
Klick mich
</button>
Warum ich Tailwind bevorzuge
- Kein CSS-Override-Chaos (kein
!importantKrieg) - Konsistentes Design-System (Spacing, Colors, Typography)
- Kein unbenutztes CSS in Produktion (PurgeCSS integriert)
- Jede Website sieht einzigartig aus — kein 'das ist Bootstrap'
Wann Bootstrap noch Sinn ergibt
Wenn das Team Bootstrap kennt und die Deadline eng ist. Wenn du schnell ein internes Admin-Tool bauen willst ohne Design-Anspruch.
Mein Setup
Tailwind + eigene Component-Klassen in @layer components für wiederverwendbare Elemente. Das Beste aus beiden Welten.