Bootstrap дополнения

Благодаря популярности CSS фреймворка Bootstrap, для него разработали массу различных дополнений. Даже сейчас вы можете использовать Bootstrap практически для любой задачи при разработке и оформлении вебсайта. Подборка наиболее полезных дополнений «на все случаи жизни».

Fuel UX

Отличный набор дополнительных контролов, которые зачастую не хватает при работе с Bootstrap. В него входят такие модули как деревья, шаблоны, датапикеры, визарды и т.п.

http://getfuelux.com

https://github.com/ExactTarget/fuelux

X-editable

Думаю, это незаменимый набор компонентов для инлайн-редактирования. Поддерживает различные версии Bootstrap и отлично работает без него (на jQuery).

http://vitalets.github.io/x-editable

https://github.com/vitalets/x-editable

Jasny

Небольшой набор дополнительных элементов к Bootstrap. В него включены как боковое меню, функциональные кнопки, маски для инпутов и т.п.

http://jasny.github.io/bootstrap/index.html

https://github.com/jasny/bootstrap

Bootstrap Form Helper

Еще один интересный набор элементов. В премиум версию входят такие элементы, как инпуты для выбора валют, стран, временных зон, языков и т.п.

http://bootstrapformhelpers.com

http://github.com/vlamanna/BootstrapFormHelpers

Leapstrap

Набор элементов для поддержки плагина Leap Motion Controller (Interacts with your Mac or PC) контроллера. Это довольно-таки необычная вещица, поэтому включаем ее в этот список.

http://wilkesalex.github.io/leapstrap

https://github.com/wilkesalex/leapstrap

jQuery Bootpag

Дополнительный компонент, которого зачастую не хватает в стандартном комплекте Bootstrap — Pagination. Особенностью является возможность динамической обработки.

http://botmonster.com/jquery-bootpag

https://github.com/botmonster/jquery-bootpag

Tocify

Компонент для отслеживания содержания страницы. Очень часто не хватает именно этого компонента для создания современных вебсайтов.

http://gregfranko.com/jquery.tocify.js

https://github.com/gfranko/jquery.tocify.js

Bootstrap Link Preview

Небольшой и очень простой в использовании компонент для предпросмотра контента по ссылке (наподобие Facebook-предпросмотра).

http://romainpiel.com/linkpreview

https://github.com/Ekito/bootstrap-linkpreview

Flippant.js

Небольшой скрипт для создания «двусторонних» блоков. Идеально для создания форм, карточек портфолио и т.п.

http://labs.mintchaos.com/flippant.js

https://github.com/mintchaos/flippant.js

Bootstrap Tour

Отличное дополнение к Bootstrap, которое позволяет создавать пошаговый тур для новых посетителей вашего сайта.

http://bootstraptour.com

https://github.com/sorich87/bootstrap-tour

Bootstro.js

Вариант предыдущего инструмента. Предназначен также для создания пошагового тура для вашего сайта или веб приложения.

http://clu3.github.io/bootstro.js

http://github.com/clu3/bootstro.js

Yet Another MegaMenu (YAMM)

Компонент, необходимый практически любому современного сайта. Позволяет создать главное меню навигации практически любой сложности.

http://geedmo.github.io/yamm

https://github.com/geedmo/yamm

Dropdown Menus Enhancement

Дополнение к стандартному меню Bootstrap. Включает такие возможности, как позиционирование меню, вывод в меню радио- и чекбокс-инпутов и многое другое.

http://behigh.github.io/bootstrap_dropdowns_enhancement

https://github.com/behigh/bootstrap_dropdowns_enhancement

Bootstrap Tree View

Простое решение для отображения древовидной структуры. Данный компонент поддерживает стандартные Glyph-иконки.

https://github.com/jonmiles/bootstrap-treeview

GTreeTable

Еще одно дополнение, позволяющее создавать древовидную структуру. Отличается обилием функционала: Drag&Drop, редактирование и т.п.

http://gtreetable.gilek.net

https://github.com/gilek/yii-gtreetable

Bootstrap Star Rating

Компонент для простого создания рейтинга, легко кастомизируется.

http://plugins.krajee.com/star-rating

https://github.com/kartik-v/bootstrap-star-rating

Gridmanager.js

Редактор контента, основанный на строках и колонках Bootstrap-фреймворка. Пока не нашел, как применить на практике. Выложил больше, как пример реализации.

http://neokoenig.github.io/jQuery-gridmanager

https://github.com/neokoenig/jQuery-gridmanager

Bootstrap Tags

Компонент для простого создания тегов. Очень прост в использовании и тоже легко кастомизируется. Работает со всеми версиями Bootstrap.

http://maxwells.github.io/bootstrap-tags.html

https://github.com/maxwells/bootstrap-tags

Bootstrap Switch

Компонент для создания аккуратных переключателей. Подойдет для любого дизайна сайта, к тому же тут легко настраиваются все параметры: размеры, анимация, цвет и т.п.

http://www.larentis.eu/switch

https://github.com/nostalgiaz/bootstrap-switch

Bootstrap Maxlength

Неплохой «ограничитель» для текстовых полей ввода. Прост в использовании, иногда бывает просто незаменимым дополнением.

http://mimo84.github.io/bootstrap-maxlength

https://github.com/mimo84/bootstrap-maxlength

Bootstrap Select

Очень легкий компонент, позволяющий значительно расширить функционал обычного списка. Пройдите по ссылке ниже, чтобы увидеть все примеры использования.

http://silviomoreto.github.io/bootstrap-select

https://github.com/silviomoreto/bootstrap-select

Chosen

Очень простой скрипт для значительного улучшения поля со списком. Поддерживает множество опций и вариаций для использования этого поля.

http://harvesthq.github.io/chosen

https://github.com/harvesthq/chosen

Bootstrap Multiselect

Еще один вариант расширения поля списка. Данный скрипт обрабатывает события при открытии / закрытии / выборе и т.п. Никогда ведь не знаешь, что попросит клиент…

http://davidstutz.github.io/bootstrap-multiselect

https://github.com/davidstutz/bootstrap-multiselect

Bootstrap Validator

Незаменимый компонент при работе с формами в Bootstrap-фреймворке. Экономит очень много времени: кроме проверки, содержит уже готовое оформление полей формы.

http://bootstrapvalidator.com

https://github.com/nghuuphuoc/bootstrapvalidator

jqBootstrapValidation

Еще один компонент (вариант) для валидации форм на Bootstrap-фреймворке. Содержит большое количество опций для создания проверки введенных пользователем данных.

http://reactiveraven.github.io/jqBootstrapValidation

https://github.com/ReactiveRaven/jqBootstrapValidation

jQuery File Upload

Неплохой компонент, позволяющий значительно сэкономить время, если необходимо добавить поле для загрузки файлов. Поддерживает множество серверных платформ.

http://blueimp.github.io/jQuery-File-Upload

https://github.com/blueimp/jQuery-File-Upload

Bootstrap Tag Autocomplete

Компонент для простого создания автодополнения. Очень простой в использовании и легкий (по весу) скрипт.

http://sandglaz.github.io/bootstrap-tagautocomplete

https://github.com/Sandglaz/bootstrap-tagautocomplete

Tag Manager

Готовый скрипт (компонент) для создания тегов. Очень много опций и, соответственно, возможностей использования.

http://welldonethings.com/tags/manager/v3

https://github.com/max-favilli/tagmanager

Typeahead

Компонент для авто дополнения с текстовом поле. Используются два скрипта (для поиска и отображения), которые можно использовать и вместе, и отдельно.

http://twitter.github.io/typeahead.js

https://github.com/twitter/typeahead.js

Slider for Bootstrap

Еще один элемент, помогающий пользователю сэкономить кучу времени. Вместо ввода данных вручную — просто перетянуть слайдер. Много опций, полностью стилизируется.

http://seiyria.github.io/bootstrap-slider