Denna sajt vilar på Bootstrap i layouten. Jag som har ganska gamla kunskaper i css och html tyckte det var smart att bygga med det och det var ganska lätt att ändra layouten och få det som jag ville samtidigt som jag använde moderna standarder. Till mitt nya projekt hittade jag Tailwind och ville prova det. Jag tycker att det är lättare att lära mig hur saker fungerar genom att använda och prova mig fram.

Vad är Bootstrap?

Bootstrap är ett av världens mest använda CSS-ramverk. Det innehåller färdiga komponenter som knappar, formulär, modaler och navigationsmenyer – allt designat med ett enhetligt utseende. Du använder fördefinierade klasser som btn btn-primary för att snabbt bygga upp din layout utan att behöva skriva mycket egen CSS.

Det passar särskilt bra för att komma igång snabbt med ett rent, responsivt gränssnitt.

Vad är Tailwind CSS?

Tailwind CSS är ett modernt ramverk för att bygga snygga och responsiva webbplatser – utan att skriva en massa egna CSS-klasser. I stället använder man färdiga, funktionella klasser direkt i HTML-koden, som bg-green-100 för bakgrundsfärg eller rounded-xl för rundade hörn.

Det gör att du kan bygga gränssnitt snabbt, hålla designen konsekvent och undvika att hopa onödigt mycket specialskriven CSS.

Bootstrap vs Tailwind CSS

Bootstrap och Tailwind CSS är två olika sätt att bygga snygga och responsiva webbplatser, men de fungerar på olika sätt.

Bootstrap ger dig färdiga komponenter med en fördefinierad design. Du använder deras klasser och får ett färdigt utseende direkt – vilket är smidigt, men ibland begränsande om du vill ha något helt eget.

Tailwind CSS fungerar istället som en verktygslåda med små hjälpklasser. Du bygger upp din design från grunden genom att kombinera klasser som bg-red-500, text-white, p-4 och så vidare. Det innebär att du har mycket mer kontroll över layout och stil, men du behöver också tänka mer själv och designa mer aktivt.

Sammanfattning

  • Bootstrap är bra om du snabbt vill komma igång med en snygg och färdig struktur utan att behöva bry dig om detaljerna i design.
  • Tailwind CSS passar bättre om du vill ha friheten att skapa en unik stil och skräddarsy varje del av sidan.