Bootstrap 3 oficjalnie wydany

Wczoraj oficjalny release miał Bootstrap 3.0, czyli jeden z najpopularniejszych frameworków CSS. Data wydania nie była przypadkowa, gdyż właśnie wczoraj Bootstrap obchodził swoje drugie urodziny. Co takiego się zmieniło?

Co nowego?

Najbardziej zauważalną zmianą w nowej wersji Bootstrapa jest nowy design komponentów, który stał się płaski jak iOS 7. Nie jest to jednak żaden nowy trend, jak tłumaczą autorzy, a próba dostarczenia użytkownikom najbardziej neutralnego designu, który pozwalał by na łatwiejsze tworzenie własnych motywów graficznych. Przykładem jest strona bootswatch.com, na której możemy znaleźć kilka ciekawych rozwiązań.

Po za desginem autorzy przepisali cały kod css od nowa, stosując podejście Mobile First. Teraz każdy komponent jest napisany z myślą o urządzeniach mobilnych i skalowany do desktopów, a nie na odwrót, jak w wersji 2.

Po za wyżej wymienionymi nowy Bootstrap to:

  • Nowy Customizer
  • Poprawiony box model – teraz wszystko ma box-sizing: border-box
  • Nowy Grid System
  • Od nowa przepisane pluginy JavaScript – niestety wciąż napisane w jQuery
  • Glyphicons icon font
  • Sporo zmian w samych komponentach CSS

Autorzy dodatkowo postanowili porzucić wsparcie dla IE 7 i FF 3.6, co jest dobrym ruchem, patrząc na to jak archaiczne są to przeglądarki. Zalecane jest również dołączenie pliku Respond.js, jeżeli zależy nam na media queries w IE 8.

Żródła