Bootstrap
Bootstrap är ett komponent- och utility-baserat CSS-ramverk. Webbplats: getbootstrap.com
Fördelar
- Färdiga komponenter och tydlig dokumentation. Exempelvis hamburgermenyn och formulär fick jag att fungera direkt. Det sparade tid och gjorde Bootstrap bra för att snabbt få upp en funktionell prototyp.
- Responsivt grid och utilities direkt.
- CDN-importen gjorde att jag kunde använda komponenterna direkt utan konfigurering.
Nackdelar
- Kan ge “Bootstrap-look”. Många komponenter har ett igenkännbart standardutseende, vilket gör det svårare att bygga något mer unikt.
- Vissa komponenter kräver JS för full funktion.
- När jag försökte justera detaljer, särskilt i navigationsmenyn, märkte jag att det krävdes mer kod för att skriva över Bootstraps förinställda klasser. Det gjorde att ramverket kändes mer låst än Tailwind.
Upplevelse
Bootstrap var enkelt att komma igång med tack vare tydlig dokumentation och färdiga komponenter. Smidigt med färdiga komponenter som hamburgermenyn, men designen kändes mer styrd än i Tailwind. Min slutsats är att Bootstrap passar bra för snabb utveckling, men blir mer begränsande om man vill ha full kontroll över designen. Kanske kan det vara bra att ha i verktygslådan, men jag kan också tänka mig att man lika gärna kan ha ett eget färdigt litet bibliotek med Tailwindklasser som man plockar fram när man behöver, och då slipper kompromissa med flexibilitet. Jag är inte helt säker på om jag har någon definitiv uppfattning, jag har ju varken använt Bootstrap eller Tailwind särskilt mycket.
| Fält 1 | Fält 2 | Fält 3 | Fält 4 | Fält 5 | Fält 6 |
|---|---|---|---|---|---|
| A201 | Alpha | A | 123 | Ja | Not 1 |
| A202 | Beta | B | 456 | Nej | Not 2 |
| A203 | Gamma | A | 789 | Ja | Not 3 |
| A204 | Delta | C | 321 | Nej | Not 4 |
| A205 | Epsilon | D | 654 | Ja | Not 5 |