Rozszerzający Bootstrap

Po przejściu przez wszystko, co nam oferuje Boostrap Jeśli chodzi o podstawowy CSS, klasy i komponenty do budowania interfejsów użytkownika bogatych w funkcjonalność i przyjazność, możemy myśleć, że nie ma już nic wspólnego z tym frameworkiem, ale prawda jest taka, że ​​wciąż możemy zrobić znacznie więcej.
Możemy rozszerzyć funkcjonalność Bootstrap znacznie więcej, a jest to w dużej mierze zasługą społeczności programistów, którzy zawsze szukają lepszych sposobów robienia rzeczy i właśnie tam pojawiają się wtyczki i rozszerzenia dla frameworka.
Zobaczmy, co mamy dostępne, aby rozszerzyć funkcjonalności frameworka, od stron wyspecjalizowanych w dostarczaniu nam szablonów i rozszerzeń, po niestandardowe komponenty.
Strony rozszerzeń
Zobaczmy strony internetowe, które dostarczają nam zasobów do rozszerzenia funkcjonalności naszego frameworka.

Bootsnipp

Nie ma wielu różnych sposobów na opisanie tego, co robi Bootsnipp, jednak można powiedzieć, że ma wszystko, co dotyczy Bootstrap, przechodząc przez różne wersje do obszernej listy szablonów, przykładowych kodów, rozszerzeń, między innymi.
Oprócz tego posiada listę podobnych stron, dzięki czemu mamy dużo więcej opcji, jeśli chodzi o rozbudowę naszego frameworka, a nie tylko to grupuje wszystko co oferuje w przydatnych kategoriach, więc jeśli szukamy czegoś konkretnego to tylko mieć dostęp do tej listy lub wyszukiwać według tagów.

POWIĘKSZAĆ

Co więcej, strona oferuje nam funkcję tworzenia formularzy online, która pozwala nam przeciągać i upuszczać w nim różne kontrolki, co pozwala nam wybrać wersję Bootstrap w którym chcemy budować naszą formę.
Możemy uwzględnić konwencjonalne pola tekstowe, obszar tekstowy, listy rozwijane, przyciski radiowe lub pola wyboru, a nawet przyciski akcji dla naszego formularza. Po przygotowaniu wszystkiego wciskamy zakładkę Renderowane i otrzymamy kod do zaimplementowania w naszej aplikacji.

POWIĘKSZAĆ

Wreszcie mamy konstruktora przycisków dla wersji drugiej i trzeciej programu Bootstrap, w ten sposób możemy dodać wszystkie potrzebne style i ikony bez konieczności przeglądania arkusza stylów i wszystkich informacji o ikonach, po zadowoleniu z naszego przycisku wystarczy skopiować kod w naszej aplikacji, aby go wygenerować:

POWIĘKSZAĆ

Wrap Bootstrap

To jest strona podobna do BotkiJednak największa różnica polega na tym, że Wrap Bootstrap koncentruje się wyłącznie na szablonach, a nie na małych fragmentach kodu, które oferuje Bootsnipp, mamy kompletne szablony witryn zbudowanych z Bootstrap.
Ponadto, jeśli jesteśmy programistami, ta strona umożliwia nawet publikację naszych szablonów, dzięki czemu możemy generować trochę pieniędzy dzięki naszej pracy, więc oferuje zysk dla wszystkich typów użytkowników.

POWIĘKSZAĆ

Rozszerzone zestawy do Bootstrapa
Tak, możemy użyć standardowej wersji Bootstrap Dla naszych aplikacji istnieje kilka rozszerzonych zestawów, które dają nam spersonalizowane wersje frameworka, dzięki czemu możemy korzystać z tego, co domyślnie zapewnia, plus trochę więcej.

Jasny bootstrap

Jednym z tych rozszerzonych zestawów jest Jasny Bootstrap, który ma wszystko, co standardowa wersja Bootstrap, a także kilka dodatkowych funkcji, które sprawiają, że jest to jedna z najłatwiejszych opcji do pobrania.

POWIĘKSZAĆ

Implementuje wywołania za pomocą AJAX, a także nowe typy danych wejściowych, komponent do przesyłania plików, linki do wierszy, dodatkowe ikony i wiele więcej, gdzie jeśli z Bootstrap standardowe nasze aplikacje wyglądały dobrze, z Jasny będą wyglądać znacznie lepiej.

Bootplus

Z kompletnymi zestawami, takimi jak Jasny Niewiele jest do zobaczenia, ale jest kilka całkiem ciekawych rozszerzonych zestawów, którym warto się przyjrzeć, jednym z nich jest Bootplus, który opiera swoją konstrukcję głównie na Google+.

POWIĘKSZAĆ

Wprowadza to kilka nowych komponentów do frameworka, które obejmują słynne karty sieci społecznościowej, a także powiadomienia w najlepszym stylu Google+, więc jeśli potrzebujemy zbudować stronę internetową z tymi specyfikacjami Bootplus to jest dokładnie to, czego potrzebujemy.
Zestawy interfejsu użytkownika
Mamy też wtyczki, które koncentrują się głównie na zapewnieniu użytkownikowi jak najlepszych wrażeń pod względem użyteczności, zobaczmy.

Paliwo UX

Na pierwszy rzut oka może to sprawiać wrażenie, że Fuel UX to Bootstrap z rozszerzeniami, ale w rzeczywistości koncentruje się głównie na interfejsie użytkownika, ponieważ to, co robi, polega na pisaniu CSS i podstawowych stylach frameworka.
To sprawia, że ​​nasze pola są wizualnie znacznie przyjemniejsze, a nawet atrakcyjne, dodając dodatkową użyteczność, dzięki czemu użytkownik nie musi zgadywać, co robić.
Ma wiele niesamowitych komponentów, jednak możemy wyróżnić komponent drzewa lub Drzewo i asystent lub Czarodziej, dzięki którym nasze aplikacje będą wyglądać na niezrównaną jakość.

Walidator Bootstrap

Jeden z naszych ulubionych, Walidator Bootstrap Nie tylko pozwala nam to budować przyjazne interfejsy użytkownika z komponentami, które świetnie wyglądają, ale także pozwala na walidację pól naszego formularza w prosty sposób, który świetnie wygląda dla użytkownika końcowego.
Używa wyrażeń regularnych do walidacji i musisz mieć trochę wiedzy programistycznej do jego efektywnego wykorzystania, jednak warto spróbować, ponieważ rezultatem jego używania są nie tylko aplikacje, które dobrze wyglądają, ale są bardziej niezawodne w terenie. aspekt.
Jeśli chcesz dowiedzieć się więcej o tym rozszerzeniu, możesz zajrzeć do samouczka walidacji z Bootstrap Validator, gdzie wyjaśniono, jak go zaimplementować, a także kilka zastosowań w różnych formach, które możemy mu nadać.

Inne składniki

Wreszcie mamy dwa dość specyficzne komponenty, pierwszy o nazwie Bootstrap Switch daje nam interfejs podobny do tego, który mamy na naszych urządzeniach ios, posiada przyciski włączania i wyłączania, możemy zmienić ich kolory i zastosować inne przydatne funkcje dla naszej aplikacji.

POWIĘKSZAĆ

Drugi, o nazwie Bootstrap Markdown, pozwala nam dodawać edytor do naszych aplikacji bez uciążliwego procesu implementacji wielu bibliotek i bez wykonywania zwykłego przetwarzania HTML dla tego typu wprowadzania danych.

POWIĘKSZAĆ

Udało nam się wiedzieć, jak możemy rozszerzyć funkcjonalność Bootstrap, nie tylko z opartymi na nim szablonami, ale także rozbudowanymi wersjami i komponentami, które sprawiają, że korzystanie z niego jest najbardziej odpowiednie do tworzenia interfejsów użytkownika w naszych aplikacjach.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt