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.
Blog o budowie stron i marketingu - Aurelia Sypniewska
Blog o budowie stron i marketingu - Aurelia Sypniewska
Dziś pokażę wam jak zbudować prosty dynamicznie ładujący się pasek postępu czyli z angielskiego dynamic progress bar.
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.
Podobnie jak w Bootstrap 3 w Bootstrap 4 posiadamy już gotowe rozwiązania dla grafik umieszczonych na stronie.
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.
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.
Wśród wielu ciekawych możliwości jakie oferuje Bootstrap warto wymienić Bootstrap Carousel (karuzelę) czyli bardzo prosty pokaz zdjęć.
Wtyczka Popover (z ang. Popover Plugin) umożliwia dodawanie do linka okienka z podpowiedziami.
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ę.
Bootstrap podobnie jak w przypadku przycisków posiada różne gotowe wzorce wyświetlania się ilustracji.
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ć.
Bootstrap w swoich zbiorach zawiera wiele różnych ciekawych rozwiązań. Jedną z nich są etykiety i odznaki, plakietki czyli Badges and Labels.
Zapewne nie wszyscy słyszeli czym jest Tooltip chociaż prawie każdy przynajmniej kilka razy spotkał go na jakiejś stronie internetowej.