Bootstrap to framework CSS i JavaScript, który udostępnia gotowe komponenty (przyciski, nawigację, formularze), siatkę 12-kolumnową i klasy do szybkiego budowania responsywnych stron.
Co oferuje Bootstrap?
- system siatki dopasowujący układ do ekranu,
- gotowe komponenty interfejsu,
- klasy pomocnicze dla odstępów i kolorów,
- skrypty dla modali i menu.
Zalety i wady
Zapewnia szybki start i spójność, ale strony łatwo wyglądają podobnie, a nieużywane style zwiększają rozmiar plików, jeśli nie zostaną usunięte.
Bootstrap a własny CSS
Bootstrap przyspiesza prototypy i panele administracyjne. Przy indywidualnym projekcie graficznym i dbałości o wydajność lepszy bywa własny, lekki CSS.
Jak dostosować Bootstrap do projektu?
Najlepszą praktyką jest nadpisywanie zmiennych (w wersji z Sass lub zmiennych CSS) zamiast pisania kolejnych reguł walczących z domyślnymi. Dołączaj tylko potrzebne komponenty, bo pełny pakiet to dodatkowe dziesiątki kilobajtów. Bez modyfikacji strony zbudowane na Bootstrapie wyglądają podobnie, więc warto nadać im własny charakter kolorami, typografią i odstępami.
Zobacz w praktyce
Refaktoryzacja CSS – jak usunąć 80% nieużywanego kodu i przyspieszyć renderowanie (FCP) 
Działanie strony internetowej w przeglądarce 
Overengineering w stronach internetowych