Bootstrap co to?

Bootstrap – jest to ceniony przez programistów, globalnie rozpoznawalny zestaw bibliotek open-source, który umożliwia wydajne projektowanie oraz tworzenie kodu frontendu responsywnych stron internetowych. Jednym z założeń tej technologii jest mobile first design, co oznacza dostosowanie strony na wersję mobilną w pierwszej kolejności.

Historia Bootstrapa

1. Biblioteka Bootstrap, pierwotnie znana jako Twitter Blueprint, powstała w połowie roku 2010. Framework ten miał swoją oficjalną premierę w piątek, 19 sierpnia 2011 roku.
2. Bootstrap 2 został wyposażony w responsywność, która jest opcjonalnym dodatkiem do arkusza stylów.
3. Przez prace nad Bootstrap 3 został przepisany framework, a funkcjonalność Responsive Web Design została uznana za domyślną.
4. W kolejnej wersji Bootstrapa, czyli Bootstrap 4, ponownie przepisano kod oraz zastosowano technologię CSS flexbox.
5. Ostatnia wersja Bootstrapa (5. 1) opiera się głównie na Bootstrap 4. Doskonali ona skrypty, a także porzuca użycie jQuery na rzecz czystego JavaScriptu. Starsze przeglądarki internetowe nie są już wspierane, a narzędzie integruje przyjazne technologie, takie jak niestandardowy kod CSS.

Częścią biblioteki Bootstrap są np:

Reboot

Reboot to zestaw elementów CSS, który można zastosować na stronie internetowej w celu „normalizacji” wyglądu niektórych elementów w przeglądarce. Umożliwia to developerowi dostosowanie wyglądu strony do jednolitego standardu. Jaki wygląd ma strona internetowa, zależy od sposobu, w jaki aplikacja odczytuje kod HTML. Gotowe biblioteki stylów Reboot oferują jednolity wygląd elementów interfejsu i układu, niezależnie od używanej przeglądarki.

Grid

Grid jest czymś w stylu szkieletu w postaci pliku CSS. Wykorzystując klasy dostępne w tym projekcie, możliwe jest łatwe podzielenie naszej strony na wiersze i kolumny. Dodatkowo takie podejście pozwala nam precyzyjnie dostosować ilość kolumn wyświetlanych na różnych rozdzielczościach w zależności od urządzenia. Dzięki temu, podczas tworzenia naszego interfejsu użytkownika, mamy pewność, że kod HTML strony będzie idealnie dopasowany do ekranów urządzeń mobilnych takich jak telefony i tablety. Również ułatwia się projektowanie interfejsów aplikacji internetowych.

Komponenty

Framework zawiera wiele nowych komponentów oraz skryptów. Wśród nich znajdują się między innymi:

• przyciski,
• nawigacje,
• tabele,
• formularze,
• karuzele,
• listy rozwijane,
• i wiele więcej…

Do pobrania za darmo

Pliki frameworka można pobrać z oficjalnej strony, której adres to https://getbootstrap.com/. Na tej stronie znajduje się również pełna dokumentacja dla programistów oraz informacje dotyczące technologii zawartych w frameworku.