Лично нам очень нравится этот инструмент, и мы часто используем его для разработки шаблонов для CMS, и это позволяет нам сэкономить много времени на разрешении различных проблем с браузерной совместимостью, а также сократить время разработки дизайна. Здесь все заранее определено, от сетки и адаптивности до UI-элементов вроде кнопок, оповещений, таблиц, форм и других компонентов. Нам просто нужно все соединить вместе.
Twitter Bootstrap предоставляется со многими javascript-плагинами. Тем не менее, вы обнаружите, что большинство наиболее важных плагинов отсутствуют, как например datepicker. Сегодня мы решили собрать для вас более 10 javascript-плагинов для расширения функционала Twitter Bootstrap. Благодаря сообществу веб-разработки, у нас сегодня есть множество мощных и удобных js-плагинов, разработанных специально для Twitter Bootstrap.
Также следует отметить, что если вам не нравится стандартная тема оформления Twitter Bootstrap, вы можете перейти к этой записи, где рассказывается о полезностях для Twitter Bootstrap.
01. Fuel UX
Fuel UX дополняет Twitter Bootstrap различными миниатюрными javascript-контроллерами. В этот набор включены различные удобные плагины вроде ComboBox, Datagrid, Pillbox, Search и Spinner.
02. BootMetro
BootMetro представляет собой нечто вроде отличной переработки Twitter Bootstrap. Он превращает Bootstrap в инструмент с пользовательским интерфейсом в стиле Microsoft Metro. К тому же, он предлагается с различными javascript-плагинами для поддержки функций Metro.
03. WYSIHTML5
Красивый WYSIWYG-редактор HTML5. Здесь имеются довольно расширенные настройки и события, которые позволяют вам адаптировать инструмент под собственные нужды.
04. jqBootstrap Validation
В Bootstrap нам особенно нравится стандартный стиль формы. Здесь даже имеются стили валидации, а вам потребуется лишь javascript-плагин для того, чтобы все заработало.
05. ColorPicker
Этот плагин позволяет вам добавить палитру выбора цвета в поле или в любой элемент. Он поддерживает формат нескольких цветов.
06. DatePicker
От разработчика color picker, Datepicker позволяет вам добавлять элемент выбора даты. Он также может быть использован в виде компонента, и поддерживает формат нескольких дат.
07. TimePicker
Вы наверняка знакомы с элементом выбора даты, и вам определенно правится элемент выбора времени. Этот плагин позволяет вам выбирать время для текстового поля при помощи мыши или стрелок.
08. DateRange Picker
Если вы используете Google Analytics, то этот javascript-плагин точно покажется вам знакомым. Отличный элемент выбора даты для Twitter Bootstrap. Плагин DateRange отлично подходит для генерации отчетов или сбора данных.
09. Bootbox JS
Отличное расширение для Bootstrap, которое позволят вам создавать программируемые диалоговые окна при помощи существующих модальных окон в Twitter Boostrap. Несмотря на размер, bootbox представляет собой довольно мощное и гибкое диалоговое окно на javascript.
10. jQuery UI Bootstrap
На самом деле, это не Twitter Boostrap. Нельзя считать этот инструмент Twitter Boostrap только потому, что он при помощи jQuery оформлен как Boostrap. Он выглядит точно так же и, что более важно, если вам захочется интегрировать bootstrap и jQuery UI, этот шаблон позволит вам придать им более сплоченный вид. Таким образом, у вас в руках будет вся мощь javascript-плагинов при использовании jQuery UI.
11. jQuery File Upload
Ajax-загрузчик файлов на HTML5. Честно говоря, ранее мы уже знакомились с этим инструментом, и его не так и просто внедрить в проект. Дабы быть честным, мы пытались настроить его различными способами. Но стоит отметить, что здесь представлена документация со многими примерами.
12. DataTables
Эта сетка данных, в принципе, очень схожа с той, что мы видели в Fuel UX. Она добавляет таблице данных возможность сортировки, постраничного вывода, поиска и многих других удобных свойств.
13. Bootsnipp
Bootsnipp сложно назвать обычным javascript-плагином. Он больше представляет собой набор сниппетов, которые вы можете копировать и вставлять. Здесь имеется коллекция основных элементов пользовательского интерфейса вроде экрана авторизации, мобильных окон, таблиц, навигационной панели и так далее. Если вас не смущает дизайн, вы можете хватать код и сразу же его использовать.
