Разширяване на Bootstrap

След като преминем през всичко, което ни предлага Boostrap По отношение на нейния основен CSS, класове и компоненти за изграждане на потребителски интерфейси, богати на функционалност и удобство, можем да мислим, че няма нищо общо с тази рамка, но истината е, че все още можем да направим много повече.
Можем да разширим функционалността на Bootstrap много повече и това се дължи до голяма степен на общността на разработчиците, които винаги търсят по-добри начини за правене на нещата и именно там се появяват приставки и разширения за рамката.
Нека да видим какво имаме на разположение, за да разширим функционалностите на рамката, от страници, специализирани да ни предоставят шаблони и разширения, до персонализирани компоненти.
Разширени страници
Нека да видим уеб страниците, които ни предоставят ресурси за разширяване на функционалностите на нашата рамка.

Bootsnipp

Няма много различни начини да се опише това, което Bootsnipp прави, но може да се каже, че има всичко свързано с това Bootstrap, преминавайки през различните му версии до обширен списък от шаблони, примерни кодове, разширения и др.
В допълнение към това, той има списък с подобни страници, така че имаме много повече възможности, когато става въпрос за разширяване на нашата рамка, и не само това, той групира всичко, което предлага, в полезни категории, така че ако търсим нещо конкретно, ние само трябва да имат достъп до този списък или да търсят по тагове.

Увеличете

Не само това, страницата ни предлага функционалност за изграждане на онлайн формуляр, която ни позволява да плъзгаме и пускаме различните контроли в нея, което ни позволява да изберем версията на Bootstrap в която искаме да изградим нашата форма.
Можем да включим конвенционални текстови полета, текстови полета, падащи списъци, бутони за избор или квадратчета за отметка и дори бутони за действие за нашата форма. След като имаме всичко готово, натискаме раздела Предоставено и ще получим кода за внедряване в нашето приложение.

Увеличете

Най -накрая имаме конструктор на бутони както за втората, така и за третата версия Bootstrap, по този начин можем да добавим всички стилове и икони, от които се нуждаем, без да се налага да се консултираме със стиловата таблица и цялата информация за иконите, след като сме доволни от нашия бутон, трябва само да копираме кода в нашето приложение, за да го генерираме:

Увеличете

Wrap Bootstrap

Това е страница, подобна на BootsnipНай -голямата разлика обаче се крие във факта, че Wrap Bootstrap се концентрира само върху шаблони, а не върху малките части от кода, които предлага Bootsnipp, имаме пълни шаблони на сайтове, изградени с Bootstrap.
Също така, ако сме разработчици, тази страница дори позволява публикуването на нашите шаблони, като може да генерира малко пари с нашата работа, така че предлага печалба на всички видове потребители.

Увеличете

Разширени комплекти за Bootstrap
Да, можем да използваме стандартната версия на Bootstrap За нашите приложения има някои разширени комплекти, които ни дават персонализирани версии на рамката, като по този начин можем да използваме това, което тя носи по подразбиране, плюс малко повече.

Jasny bootstrap

Един от тези разширени комплекти е Jasny Bootstrap, който има всичко, което стандартната версия Bootstrap, плюс някои допълнителни функции, които го правят една от най -възможните опции за изтегляне.

Увеличете

Той реализира повиквания, използващи AJAX, както и нови типове за входове, компонент за качване на файлове, връзки за редове, допълнителни икони и много други, където ако с Bootstrap стандартно нашите приложения изглеждаха добре, с Джасни ще изглеждат много по -добре.

Bootplus

С пълни комплекти като Джасни Няма какво да се види, но има някои доста интересни разширени комплекти, които си струва да се разгледат, един от тях е Bootplus, който основава дизайна си главно на Google+.

Увеличете

Това внедрява някои нови компоненти в рамката, които включват известните карти на социалната мрежа, както и известия в най -добрия стил на Google +, така че ако трябва да създадем уебсайт с тези спецификации Bootplus точно това ни трябва.
Комплекти за потребителски интерфейс
Имаме и плъгини, които са фокусирани главно върху това да предоставим на потребителя по отношение на използваемостта възможно най -доброто преживяване, нека видим.

Гориво UX

Отначало може да създаде впечатление, че Fuel UX е a Bootstrap пълна с разширения, но реалността е, че тя се концентрира главно върху потребителския интерфейс, тъй като това, което прави, е за писане на CSS и основните стилове на рамката.
Това прави нашите полета визуално много по -приятни и дори привлекателни, добавяйки допълнителна използваемост, така че потребителят да не се налага да гадае какво да прави.
Той има редица невероятни компоненти, но можем да подчертаем компонента на дървото или Дърво и асистентът или Съветник, това ще направи нашите приложения да изглеждат с несравнимо качество.

Bootstrap Validator

Един от любимите ни, Bootstrap Validator Това не само ни позволява да изграждаме приятелски потребителски интерфейси с компоненти, които изглеждат страхотно, но също така ни позволява да потвърждаваме полетата на нашата форма по прост начин, който изглежда страхотно за крайния потребител.
Той използва регулярни изрази за валидиране и трябва да имате известни познания по програмиране за ефективното му използване, но си струва да опитате, тъй като резултатът от използването му не само приложения, които изглеждат добре, но са по -стабилни в областта. Въвеждане на данни аспект.
Ако искате да научите повече за това разширение, можете да разгледате урока за валидиране с Bootstrap Validator, където е обяснено как да го приложите, както и някои приложения в различни форми, които можем да му дадем.

Други компоненти

Накрая имаме два доста специфични компонента, първият наречен Bootstrap Switch ни дава интерфейс, подобен на този, който имаме на нашите устройства ios, има бутони за включване и изключване, можем да променим цветовете им и да приложим други полезни функции за нашето приложение.

Увеличете

Вторият, наречен Bootstrap Markdown, ни позволява да добавим редактор към нашите приложения без тромавия процес на прилагане на множество библиотеки и без да правим обичайната HTML обработка за този тип въвеждане на данни.

Увеличете

Успяхме да знаем как можем да разширим функционалността на Bootstrap, не само с базирани на него шаблони, но и с разширени версии и компоненти, които правят използването му най -подходящо за разработването на потребителски интерфейси в нашите приложения.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка