Пройдя по всему, что Boostrap предлагает нам с точки зрения базового CSS, классов и компонентов, для создания пользовательских интерфейсов, богатых функциональностью и удобством, мы можем подумать, что в этой среде больше ничего не видно, но правда в том, что Мы все еще можем сделать гораздо больше.
Мы можем значительно расширить функциональность Bootstrap, и это во многом связано с сообществом разработчиков, которые всегда заинтересованы в поиске лучших способов работы, и именно здесь возникают плагины и расширения для инфраструктуры.
Давайте посмотрим, что у нас есть, чтобы расширить функциональные возможности платформы, от страниц, специализирующихся на предоставлении шаблонов и расширений, до пользовательских компонентов.
Страницы расширения
Давайте посмотрим на веб-страницы, которые предоставляют нам ресурсы для расширения функциональных возможностей нашей платформы.
Bootsnipp
Существует не так много разных способов описать то, что делает Bootsnipp, однако можно сказать, что в нем есть все, что связано с Bootstrap, в различных его версиях представлен обширный список шаблонов, примеров кодов, расширений и других.
В дополнение к этому у него есть список похожих страниц, так что у нас есть гораздо больше возможностей, когда речь идет о расширении нашей инфраструктуры, и не только это, он группирует все, что он предлагает, в полезные категории, поэтому, если мы ищем что-то конкретное, мы должны получить доступ только к в этот список или сделать поиск по тегам.
Кроме того, эта страница предлагает нам функциональность создания онлайн-формы, которая позволяет перетаскивать различные элементы управления внутри нее, позволяя нам выбрать версию Bootstrap, на которой мы хотим построить нашу форму.
Мы можем включить обычные текстовые поля, текстовое поле, раскрывающиеся списки, переключатели или флажки и даже кнопки действий для нашей формы. Когда все будет готово, нажмите вкладку Rendered, и мы получим код для реализации в нашем приложении.
Наконец, у нас есть конструктор кнопок для обеих версий начальной и второй загрузок, так что мы можем добавить все стили и значки, которые нам нужны, не обращаясь к таблице стилей и всей информации о значках, после того, как были удовлетворены С нашей кнопкой нам нужно только скопировать код в нашем приложении, чтобы сгенерировать его:
Wrap Bootstrap
Эта страница похожа на Bootsnip, однако самое большое отличие состоит в том, что Wrap Bootstrap концентрируется только на шаблонах, а не на небольших частях кода, предлагаемых Bootsnipp, у нас есть полные шаблоны сайтов, созданные с помощью Bootstrap .
Кроме того, если мы разработчики, эта страница даже позволяет публиковать наши шаблоны и может приносить некоторую прибыль с нашей работой, поэтому она приносит прибыль всем типам пользователей.
Расширенные комплекты для Bootstrap
Хотя мы можем использовать стандартную версию Bootstrap для наших приложений, есть несколько расширенных наборов, которые предоставляют нам настраиваемые версии инфраструктуры, поэтому мы можем использовать то, что приносит больше, по умолчанию.
Jasny Bootstrap
Одним из таких расширенных наборов является Jasny Bootstrap, в котором есть все, что входит в стандартную версию Bootstrap, а также некоторые дополнительные функции, которые делают его одним из наиболее возможных вариантов загрузки.
Он реализует вызовы с использованием AJAX, в дополнение к новым типам для входов, компоненту для загрузки файлов, ссылкам на строки, дополнительным значкам и многому другому, где, если со стандартным Bootstrap наши приложения выглядят хорошо, с Jasny они будут выглядеть намного лучше.
Bootplus
С такими полными комплектами, как Jasny, увидеть не так много, однако есть несколько довольно интересных расширенных наборов, на которые стоит обратить внимание, одним из них является Bootplus, дизайн которого основан в основном на Google+ . $config[ads_text5] not found
Это реализует некоторые новые компоненты в платформе, которые включают в себя известные карты социальных сетей, а также уведомления в лучшем стиле Google +, поэтому, если нам нужно создать сайт с этими спецификациями Bootplus, это именно то, что нам нужно.
Комплекты пользовательского интерфейса
У нас также есть аксессуары, которые в основном направлены на предоставление пользователю наилучшего опыта с точки зрения удобства использования, давайте посмотрим.
Топливо UX
Вначале может сложиться впечатление, что Fuel UX - это полная Bootstrap с расширениями, но реальность такова, что она фокусируется в основном на пользовательском интерфейсе, поскольку это касается написания CSS и основных стилей фреймворка.
Это делает наши поля визуально более приятными и даже привлекательными, добавляя дополнительное удобство использования, так что пользователю не нужно угадывать, что он должен делать.
В нем невероятное количество компонентов, однако мы можем выделить дерево или компонент дерева, а также помощника или мастера, благодаря которым наши приложения будут выглядеть беспрецедентно качественно. $config[ads_text6] not found
Bootstrap Validator
Один из наших любимых, Bootstrap Validator не только позволяет нам создавать удобные для пользователя интерфейсы с компонентами, которые выглядят великолепно, но также позволяет нам проверять поля нашей формы простым способом, и это прекрасно выглядит для пользователя. конец.
При этом используются регулярные выражения для валидации, и для его эффективного использования необходимо иметь некоторые знания в области программирования, однако стоит попробовать, поскольку результатом его использования являются не только приложения, которые выглядят хорошо, но и более надежные в аспект ввода данных.
Если вы хотите узнать больше об этом расширении, вы можете взглянуть на учебник по валидации с помощью Bootstrap Validator, где объясняется, как его реализовать, а также некоторые способы его использования в нескольких формах.
Другие компоненты
Наконец, у нас есть два довольно специфических компонента: первый, называемый Bootstrap Switch, дает нам интерфейс, похожий на тот, который мы имеем на наших устройствах iOS, он имеет кнопки включения и выключения, мы можем изменять их цвета и применять другие полезные функции для нашего приложения.
Второй, называемый Bootstrap Markdown, позволяет нам добавлять в наши приложения редактор без сложного процесса реализации нескольких библиотек и без обычной обработки HTML для этого типа ввода данных.
Мы смогли узнать, как мы можем расширить функциональность Bootstrap не только с помощью шаблонов на его основе, но также с расширенными версиями и компонентами, которые делают его наиболее успешным для разработки пользовательских интерфейсов в наших приложениях.
- 0
СТАТЬИ