Bootstrap

Bootstrap to otwartoźródłowy framework front-endowy — biblioteka gotowych stylów CSS, komponentów interfejsu i skryptów JavaScript — który przyspiesza budowę responsywnych stron i aplikacji webowych. Powstał w Twitterze w 2011 roku i przez lata był najpopularniejszym frameworkiem CSS na świecie; aktualna gałąź (Bootstrap 5) porzuciła zależność od jQuery i przeszła na natywny JavaScript oraz zmienne CSS.

Jak działa Bootstrap

Framework opiera się na trzech filarach:

• Siatka (grid) — 12-kolumnowy, responsywny układ oparty na flexboksie, z progami (breakpointami) od xs do xxl, które pozwalają definiować różny układ dla telefonu, tabletu i desktopu.
• Komponenty — gotowe, ostylowane elementy: przyciski, formularze, karty, nawigacje, modale, akordeony, tabele czy alerty, spójne wizualnie i dostępne z poziomu klas HTML.
• Klasy narzędziowe (utilities) — krótkie klasy do marginesów, paddingów, kolorów, typografii i wyrównania (np. mt-3, d-flex, text-center), które ograniczają pisanie własnego CSS.

Style można nadpisywać własnym arkuszem albo — lepiej — kompilować z plików źródłowych Sass, zmieniając zmienne (kolory, promienie, czcionki) przed budowaniem. Od wersji 5.3 Bootstrap wspiera natywnie tryb ciemny poprzez atrybut data-bs-theme i tokeny kolorów.

Zastosowanie w praktyce

Bootstrap wybiera się tam, gdzie liczy się tempo: panele administracyjne, aplikacje wewnętrzne, MVP, strony firmowe i prototypy. Gotowe komponenty gwarantują responsywność i przyzwoitą dostępność bez projektowania każdego elementu od zera. Na Bootstrapie zbudowano też wiele szablonów premium (np. rodziny Metronic czy AdminLTE), które stanowią bazę paneli SaaS.

Krytycy wskazują na „efekt podobieństwa” stron opartych na domyślnych stylach oraz na rozmiar biblioteki, gdy używa się tylko kilku komponentów — dlatego w produkcyjnych buildach warto importować wyłącznie potrzebne moduły Sass. Dla stron, gdzie priorytetem jest unikalny design i minimalny CSS, częstszą alternatywą są dziś klasy narzędziowe w stylu Tailwind lub własny design system.