![Dynamicznie ładujący się progress bar [Bootstrap]](https://aurainweb.pl/wp-content/uploads/2020/02/bootstrap.jpg)
Dynamicznie ładujący się progress bar [Bootstrap]
Dziś pokażę wam jak zbudować prosty dynamicznie ładujący się pasek postępu czyli z angielskiego dynamic progress bar.
Bootstrap jest obecnie jednym z najpopularniejszych biblioteka CSS. Z jego pomocą można stworzyć wiele ciekawych stron internetowych.
Biblioteka to oprócz gotowej struktury CSS zawiera również rozwiązania JS.
Prosty akordeonowy slider (Accordion slider)
Dziś pokażę jak zbudować prosty slider w formie akordeonu. Od razu uprzedzam, że przyspieszyłam sobie trochę pracę korzystając z Grida wbudowanego w Bootstrap 4. Dlatego części elementów nie będę omawiać. Z pewnością jednak znajomość tej biblioteki może okazać się pomocna.
Grafika w Bootstrap 4
Podobnie jak w Bootstrap 3 w Bootstrap 4 posiadamy już gotowe rozwiązania dla grafik umieszczonych na stronie.
Panele w Bootstrap
Bootstrap jest bardzo rozbudowaną biblioteką CSS dla niektórych nawet za bardzo 🙂 jednak dla osób posiadających mniejszą wiedzę z dziedziny CSS jest bardzo pomocny.
Rozwijana lista Bootstrap 3+ Dropdowns
Bootstrap Dropdowns czyli rozwijana lista jest rodzajem menu. Nazwa wzięła się, od sposobu obsługi listy, jest to więc lista rozwijająca się po naciśnięciu przycisku.
Bootstrap Karuzela – prosty slider
Wśród wielu ciekawych możliwości jakie oferuje Bootstrap warto wymienić Bootstrap Carousel (karuzelę) czyli bardzo prosty pokaz zdjęć.
Okienka z podpowiedziami / Popover Plugin Bootstrap
Wtyczka Popover (z ang. Popover Plugin) umożliwia dodawanie do linka okienka z podpowiedziami.
Paginacja stron w Bootstrap
Paginacja czyli numerowanie stron ułatwia poruszanie się po stronach danej witryny. Jest ona bardzo przydatna i wygodna jeżeli witryna posiada się więcej niż jedną podstronę.
Grafika w Bootstrap 3
Bootstrap podobnie jak w przypadku przycisków posiada różne gotowe wzorce wyświetlania się ilustracji.
Pasek postępu – Bootstrap Progress bars
Paski postępu są ciekawymi dodatkami stron internetowych. Oczywiście nie występują one na każdej witrynie, ale i tak warto się z nimi zapoznać.
Etykiety w – Bootstrap (Badges and Labels)
Bootstrap w swoich zbiorach zawiera wiele różnych ciekawych rozwiązań. Jedną z nich są etykiety i odznaki, plakietki czyli Badges and Labels.
Tworzenie Tooltips z wykorzystaniem Bootstrap
Zapewne nie wszyscy słyszeli czym jest Tooltip chociaż prawie każdy przynajmniej kilka razy spotkał go na jakiejś stronie internetowej.