O Bootstrapie


Sprawdź angielską wersje tej lekcji w naszym rozszerzonym tutorialu Bootstrap.


Zacznijmy od kluczowego pytania:

Czym dokładnie jest Bootstrap?

Niektórzy nazywają to frameworkiem, inni biblioteką. Bootstrap opisuje siebie (na swojej stronie głównej) jako "narzędzia do budowy frontendu". Niemniej jednak, dokładne określenie typu nie jest tak istotne.

Najważniejsze jest to, że Bootstrap pozwala nam tworzyć responsywne strony internetowe i aplikacje internetowe szybciej i łatwiej. Zawiera imponującą kolekcję komponentów (takich jak formularze, przyciski, paski nawigacyjne itp.) oraz potężny system siatki (umożliwiający tworzenie responsywnych układów, zaczynając od wersji mobilnej), które możemy wykorzystać do tworzenia interfejsów użytkownika. Został stworzony przy użyciu HTML, CSS i JavaScriptu.

Bootstrap został stworzony w 2010 roku przez programistów pracujących dla Twittera i udostępniony na licencji open-source. Od tego czasu przeszedł wiele zmian i ulepszeń, i przez ponad dekadę był najpopularniejszym frameworkiem frontendowym na świecie (biorąc pod uwagę liczbę pobrań, ilość gwiazdek na GitHubie czy liczbę stron internetowych, które go używają).

Przez wiele lat utrzymywał zaszczytny tytuł najpopularniejszego projektu na GitHubie (nie tylko wśród narzędzi frontendowych, ale ogólnie wśród wszystkich projektów istniejących na GitHubie).

Dlaczego warto używać Bootstrapa?

Istnieje wiele powodów, by korzystać z Bootstrapa. Najważniejsze z nich to:

  • Zwiększona szybkość tworzenia
  • Zapewniona responsywność i podejście "mobile-first"
  • Zapobieganie powtarzaniu się między projektami
  • Spójność
  • Kompatybilność z różnymi przeglądarkami
  • Wysokie standardy dostępności
  • Duża i pomocna społeczność
  • Wiele opcji dostosowywania
  • Łatwość nauki i używania
  • Projekt open-source, dostępny do darmowego użytku w projektach komercyjnych

Jakie komponenty dostarcza Bootstrap?

Ich jest wiele. Poniżej znajduje się lista kilku z najczęściej używanych komponentów (kliknięcie na kafelek przeniesie Cię do strony komponentu, gdzie można zobaczyć jego działanie w demo).

Buttons

Dropdowns

Accordion

Badges

Button Group

Cards

Carousel

Collapse

List Group

Modal

Popovers

Progress

Spinners

Tooltips

Icons

Figures

Images

Masks

Flags

Hover effects

Shadows

Breadcrumbs

Footer

Jumbotron

Navbar

Pagination

Pills

Tabs

Checkbox

Search

Radio

Range

Validation

Tables



John Doe

O autorze

Michal Szymanski

Współzałożyciel MDBootstrap / Umieszczony na liście Forbes „30 under 30” / Entuzjasta oprogramowania open-source / Tancerz, miłośnik wiedzy i książek.

Autor setek artykułów na temat programowania, biznesu, marketingu i efektywności. W przeszłości pracował jako edukator z młodzieżą z problemami w sierocińcach i zakładach karnych.

Wypróbuj więcej narzędzi dla Bootstrapa

  1. Licencja open-source, darmowy użytek komercyjny i niekomercyjny
  2. Setki komponentów i szablonów najwyższej jakości
  3. Wszystko spójne, dobrze udokumentowane i niezawodne
  4. Bardzo prosta instalacja w ciągu 1 minuty
  5. Paczki rozwiązań dla Bootstrap 5, Angular, React i Vue
Bootstrap components