Bootstrap бесплатные шаблоны: 4696+ Шаблонов для Bootstrap | BootstrapТема

Примеры. Документация · Bootstrap. Версия v4.1.3

Пользовательские компоненты

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

Альбом

Простой одностраничный шаблон для фотогалереи, портфолио и многого другого.

Прайслист

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

Checkout

Пользовательская форма заказа, показывающая компоненты формы и функции проверки.

Продукт

Ориентированная на продукт продвигающая маркетинговая страница с обширной сеткой и изображениями.

Обложка

Одностраничный шаблон для создания простых и красивых домашних страниц.

Слайдер

Навигационная панель, карусель и новые компоненты.

Блог

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

Панель администратора

Базовая панель администратора с фиксированной боковой панелью и навигационной панелью.

Страница входа

Пользовательская форма и дизайн для простой формы входа.

Прижатый футер

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

Прижатый футер с меню

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

Фреймворк

Примеры, которые направлены на внедрение использования встроенных компонентов, предоставляемых Bootstrap.

Базовый шаблон

Ничего, кроме основ: скомпилированный CSS и JavaScript.

Разметка

Несколько примеров макетов сетки с различными уровнями вложенности.

Jumbotron

Макет jumbotron с навигационной панели и базовая система разметки.

Navbars

Использование компонента navbar по умолчанию и отображение способа его перемещения, размещения и расширения.

Навигационное меню

Супер базовый шаблон с навигационной панелью и дополнительным контентом.

Статическое меню

Супер базовый шаблон со статической навигационной панелью и дополнительным контентом.

Фиксированное меню

Супер базовый шаблон с фиксированной верхней навигационной панелью и дополнительным контентом.

Навигационное меню внизу

Супер базовый шаблон с нижней навигационной панелью и дополнительным контентом.

Эксперименты

Примеры, которые ориентированы на будущие функции или методы.

Плавающие этикетки

Красивые простые формы с плавающей надписью в форме ввода.

Скользящее меню

Превратите расширяемую навигационную панель в скользящем меню.

40 лучших бесплатных шаблонов администратора Bootstrap 2023

Лучшие бесплатные шаблоны администратора Bootstrap которые вы можете использовать в своем проекте. Эти шаблоны администратора сэкономит много времени на разработку вашего проекта.

Если вы планируете разработать новое веб-приложение или создать потрясающую внутреннюю область членства для своих сервисов, пришло время заняться проектированием панели администратора.

Вам нужно эффективная панель администратора что вашим пользователям нравится неоднократно пересматривать, и это может быть трудным вопросом.

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

Почему бутстрап?

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

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

Что ж, вам не нужно тратить целое состояние на создание привлекательной и удобной панели инструментов для вашего веб-сайта или приложения.

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

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

Выбирая свою настраиваемую панель управления, вы можете изучить пакеты шаблонов, которые поставляются с широким набором карточек, элементов и компонентов, из которых вы можете выбирать.

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

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

Есть ряд отличных источников, где можно найти качественные бесплатные шаблоны, вы можете найти его на GitHub — отличный источник для поиска качественного шаблона для вашего проекта.

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

---

Страницы: Шаблон панели администратора

Мощный и всеобъемлющий шаблон панели администратора, созданный на платформе Bootstrap 4. Вы можете использовать этот шаблон для своего проекта, чтобы добавить модную пользовательскую панель.

Шаблон поставляется с красивыми элементами дизайна, чтобы панель администратора выглядела великолепно. Использование материальных значков делает его отличным на всех устройствах.

Это шаблон с более чем 100 виджетами, готовыми к использованию. Чистый код и легкий вес шаблона делают его подходящим для любого проекта.

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

ПРОСТОРНЫЙ АДМИНИСТРАТОР

Ампл Админ — это шаблон панели администратора ручной работы который произведет на вас впечатление быстро. Это позволяет выбрать хороший коллекция шрифтов Удивительные значки, которые помогут вам проиллюстрировать дизайн панели инструментов.

A набор совершенно новых иконок для таких сервисов, как Facebook, Twitter, WordPress и Slack. Они будут хорошо смотреться на разных устройствах, поскольку все эти значки адаптированы для мобильных устройств.

Это бесплатно, и вы можете скачать его для своих личных проектов. Для коммерческих проектов вам понадобится Ample Admin Pro.

КЛОРОФИЛ

Klorofil предлагает аккуратный дизайн пользовательского интерфейса. В дизайне этого шаблона используется плоский подход к пользовательскому интерфейсу.

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

Klorofil более чем справляется с этой задачей, и не имеет значения, разрабатываете ли вы веб-сайт или мобильное приложение, поскольку он одинаково отзывчив.

Получить шаблон

Sneat Free Bootstrap 5 HTML-шаблон администратора

Sneat Free Bootstrap 5 HTML-шаблон администратора – это наиболее удобный для разработчиков и настраиваемый шаблон на основе Bootstrap 5. Если вы разработчик и ищете шаблон администрирования Bootstrap 5 с расширенными функциями и широкими возможностями настройки, обратите внимание на Sneat.

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

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

Особенности:

• На основе Bootstrap 5
• Вертикальная компоновка
• Аккаунт
• 1 библиотека карт
• Работает на SASS
• Страницы аутентификации
• Полностью адаптивный макет
• Организованная структура папок
• Чистый и прокомментированный код

Получить шаблон

ИНФОРМАЦИОННАЯ ПАНЕЛЬ МАТЕРИАЛОВ

Material Dashboard вдохновлен Material Design от Google. Он прост в использовании и имеет красивый набор компонентов. Он поставляется с парой сторонних плагинов, переработанных, чтобы соответствовать остальным элементам.

Ознакомьтесь с нашей статьей о лучшие шаблоны администратора Angular Material Design HTML5 CSS3

Получить шаблон

ОСНОВНОЙ ИНТЕРФЕЙС

CoreUI — это бесплатный шаблон, который позволит вам создавать стильные функциональные пользовательские интерфейсы. Он работает с широким спектром библиотек и имеет современный дизайн и внешний вид.

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

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

Получить шаблон

ЗВЕЗДНЫЙ АДМИНИСТРАТОР БЕСПЛАТНЫЙ ШАБЛОН

Современный полностью адаптивный шаблон администратора Bootstrap, который вы можете использовать для своего проекта. Это бесплатный шаблон, вы можете скачать его и начать использовать на своем сайте.

Шаблон отлично работает как на настольных компьютерах, так и на смартфонах. Шаблон поставляется с лучшим набором высококачественных компонентов Bootstrap, которые усилят ваш проект.

Красивые кнопки, диаграммы, формы и элементы типографики сделают вашу общую панель инструментов великолепной.

Этот шаблон также предлагает премиум-версию.

Получить шаблон

ДАШГУМ

Dashgum — удивительный 15-страничный Тема администратора Bootstrap. У вас есть диаграммы, таблицы, панели, календари, уведомления и многое другое, чтобы ваша информационная панель выглядела настолько презентабельно, насколько вы того хотели.

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

Получить шаблон

ЦВЕТНЫЕ

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

Если вашему проекту требуется глянцевое ощущение и внешний вид, это ваш шаблон.

Получить шаблон

МАГАЗИН

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

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

Получить шаблон

TARGET

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

У Target есть несколько привлекательных виджетов для представления диаграмм и графиков вашей аудитории. Вы также можете добавить простые и анимированные индикаторы выполнения, окна сообщений и набор кнопок.

Target имеет стильный дизайн, который придает вашей административной области профессиональный вид.

Получить шаблон

НАДЕЖНЫЙ ОБЛЕГЧЕННЫЙ

С точки зрения внешнего вида, этот бесплатный набор шаблонов панели инструментов основан на руководстве по материальному дизайну.

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

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

Получить шаблон

ОБЪЕДИНЕННЫЙ

Красивый шаблон администратора для разработчиков. Он основан на Bootstrap и создан с помощью HTML5, CSS3 и jQuery.

Это современный плоский дизайн, который предлагает вам все важные элементы, которые вам понадобятся для вашего проекта.

Получить шаблон

ЭДМИН

У Edmin есть хорошая коллекция функций и шаблонов панели инструментов, которые вы можете добавить в область администрирования вашего проекта.

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

В целом, у шаблона администратора Edmin есть профессиональный пользователь.

Получить шаблон

ПАНЕЛЬ АДМИНИСТРИРОВАНИЯ СТЕКА

Панель администратора стека, одна из наиболее полных опций панели администратора, предлагает вам более 100 страниц.

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

Меню находится слева, а графики, формы и таблицы — справа. В целом, это шаблон, который заслуживает вашего внимания.

Получить шаблон

АДМИН БСБ

AdminBSB имеет красочный дизайн, который вы можете настроить в соответствии с вашим удобством и требованиями вашего проекта. Он основан на популярном стиле Material Design от Google.

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

Получить шаблон

ШАБЛОН ВАМП

TemplateVamp предлагает классический вид с набором шаблонов, загруженных полезными виджетами и панелями. TemplateVamp — хороший выбор для тех, кому не нравится стиль Google Material Design.

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

Получить шаблон

МОДЕРНИЗИРОВАТЬ

Modernize — это красивый, чистый и современный шаблон администратора, который вы можете бесплатно использовать в своем проекте. Этот шаблон предлагает вам все функции и опции, необходимые для завершения вашего проекта.

Этот шаблон поставляется с рядом готовых к использованию фрагментов, виджетов и страниц, которые сэкономят много времени при работе над проектом.

Шаблон создается с использованием фреймворка Bootstrap, HTML5, CSS3 и jQuery.

Получить шаблон

МИНИМАЛЬНЫЙ

Минимум гарантирует, что ваша настраиваемая панель администратора будет иметь премиальный вид. Если ваш проект включает в себя много изображений и графики, вы можете выбрать Minimal, так как его медиа-галереи упростят задачу.

Minimal — это конкурентоспособный шаблон администратора, который поможет вам создать собственный сервер приложения.

Получить шаблон

АРБАНО

Arbano — это красивый, красочный, современный бесплатный шаблон администрирования VueJS Bootstrap, который вы можете использовать в своем проекте.

Дизайн моментально привлечет ваше внимание идеально расположенными элементами. Шаблон предлагает вам более 30 различных элементов, включая графики, диаграммы, формы и т. д.

Получить шаблон

МОНСТР АДМИН

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

Monster Admin lite предоставит вам все инструменты, необходимые для ваших проектов, с возможностью обновления по мере роста вашего проекта.

МОДУЛЬНЫЙ АДМИНИСТРАТОР

Modular Admin поможет вам создать модульную панель администратора с современным дизайном. Он имеет хороший выбор панелей, и вы можете выбрать элементы в соответствии с вашим проектом. Это шаблон администратора с солидным дизайном и хорошим списком функций.

Получить шаблон

МАТРИЧНЫЙ АДМИНИСТРАТОР

Matrix Admin — это шаблон администратора, вдохновленный стилем дизайна Metro, который можно использовать для личных и коммерческих проектов.

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

Получить шаблон

БРИЛЛИАНТ

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

Благодаря большому количеству вариантов визуализации и броских анимационных эффектов, Brilliant может стать шаблоном администратора, который идеально подойдет для вашего проекта.

Получить шаблон

СТАРТМИН

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

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

Получить шаблон

БУМАЖНАЯ ПАНЕЛЬ

Paper Dashboard — это бесплатный шаблон панели инструментов с высококачественным дизайном. С хорошим сочетанием цветов, шрифтов, функций, вариантов дизайна и макета эта панель администратора вполне может стать находкой для вашего проекта.

Получить шаблон

АДМИНАТОР

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

Получить шаблон

ЛЮМИНО АДМИН

Lumino придает вашему шаблону панели администратора чистый и свежий вид со всеми инструментами для вашей серверной панели. Широкий спектр функций в сочетании с возможностями визуализации делает этот шаблон привлекательным.

Получить шаблон

КОНЦЕПЦИЯ

Если вы ищете качественный бесплатный шаблон администратора Bootstrap 4, взгляните на Concept. Этот шаблон разработан со всеми важными компонентами, которые необходимы разработчикам для создания успешного проекта.

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

Получить шаблон

АДМИНИСТРАТОР ПИКСЕЛЕЙ ОБЛЕГЧЕННЫЙ

Этот шаблон администратора имеет множество применений и поставляется с множеством уникальных элементов и адаптивным макетом. Он адаптируется ко всем экранам и совершенно бесплатен.

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

Получить шаблон

СИМИНТА

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

ДЖЕНТЕЛЕЛЛА

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

Получить шаблон

МАРУТИ АДМИН

Шаблон панели администратора Maruti имеет минимальную концепцию дизайна с множеством страниц, форм, кнопок, значков, галерей, календарей, виджетов и многого другого.

Получить шаблон

ХОРОШИЙ АДМИНИСТРАТИВНЫЙ ШАБЛОН

Это мощный шаблон администратора, основанный на платформе Bootstrap, который в основном ориентирован на взаимодействие с пользователем. Он отлично работает на планшетах и ​​телефонах. Его можно скачать бесплатно.

Получить шаблон

METIS

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

Получить шаблон

ПРИБОРНАЯ ПАНЕЛЬ NG2

Это приложение веб-панели, основанное на Bootstrap, было бесплатным, удобным и легко настраиваемым.

Получить шаблон

АДМИНИСТРАТИВНЫЙ ШАБЛОН ИЕРАПОЛИС

Hierapolis основан на Twitter Bootstrap 3 с Sass Compass. Он идеально подходит для разработки любого типа пользовательского интерфейса для коммерческих или личных проектов. Самое приятное то, что его можно скачать бесплатно.

Получить шаблон

Заключительное слово

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

Он должен быть в состоянии удовлетворить ваши основные потребности, будь то в личных или коммерческих целях. Эти бесплатные Шаблоны администратора Bootstrap предоставит вам множество функций, которые помогут вам добавлять визуальные эффекты, отслеживать производительность и отображать ваши данные в привлекательной форме.

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

Тем не менее, эти шаблоны позволят вам персонализировать и настроить панель администратора таким образом, чтобы он был визуально привлекательным и привлекал посетителей на ваш сайт.

Список ресурсов и плагинов Bootstrap

Официальные ресурсы Bootstrap

Проекты, созданные и поддерживаемые создателями Bootstrap.

Название	Описание
Bootstrap	Самый популярный интерфейсный фреймворк для разработки адаптивных мобильных проектов в Интернете.
Блог Bootstrap	Официальный блог Bootstrap. Объявления, обсуждения и многое другое для Bootstrap.
Bootstrap Expo	Красивое и вдохновляющее использование Bootstrap, куратор @mdo.
Bootlint	HTML-линтер для проектов Bootstrap.

Шаблоны и темы Bootstrap

---

Торговые площадки премиум-класса

Покупайте темы Bootstrap или продавайте собственные темы Bootstrap на этих сторонних торговых площадках!

Имя	Описание
Темы Bootstrap	Темы Bootstrap продают темы, созданные или проверенные создателями Bootstrap. Команда Boostrap проверяет каждую новую тему и обновление в соответствии с набором рекомендаций, которые они написали.
WrapBootstrap	WrapBootstrap был одним из первых сторонних торговых площадок, посвященных продаже премиальных шаблонов и тем Bootstrap.
BootstrapBay	BootstrapBay — это сторонний рынок тем и шаблонов Bootstrap, работающий с 2014 года.
ThemeForest	ThemeForest — очень популярный рынок тем для веб-сайтов. На ThemeForest есть тысячи продуктов на базе Bootstrap.
Creative Market	Creative Market — это еще одна торговая площадка стороннего поставщика, которая предлагает множество ресурсов общего дизайна. В Creative Market есть множество тем, созданных на основе Bootstrap, на выбор.

Продавцы премиум-класса

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

Название	Описание
Creative Tim	Подборка премиальных тем Bootstrap, шаблонов, наборов пользовательского интерфейса и многого другого, разработанных Creative Tim.
Designmodo	Startup Framework от Designmodo — это генератор веб-сайтов на основе Bootstrap, который представляет собой высококачественное решение для тех, кто хочет быстро создать красивый стартовый веб-сайт.
Themefisher	Набор тем на основе Bootstrap, созданных командой дизайнеров Themefisher.

Бесплатные шаблоны и темы

Загрузите бесплатные шаблоны и темы Bootstrap со следующих веб-сайтов.

Имя	Описание
Start Bootstrap	Start Bootstrap создает бесплатную лицензию MIT с открытым исходным кодом, помогает использовать любые темы, шаблоны и код Bootstrap. вы узнаете больше о проектировании и разработке с помощью фреймворка Bootstrap и премиальных продуктов Bootstrap.
Bootswatch	Коллекция простых в использовании образцов с открытым исходным кодом для Bootstrap.

Bootstrap Showcases

Получите вдохновение для своего следующего проекта Bootstrap, просмотрев примеры веб-сайтов, созданных с помощью Bootstrap!

0041

Название	Описание
Создано с помощью Bootstrap	Витрина сайтов и приложений, созданных с помощью Bootstrap

Интеграции начальной загрузки

---

JavaScript

Компоненты начальной загрузки переписаны для интеграции с наиболее популярной разработкой JavaScript Frameworks Наименование9. Angular

Bootstrap 4

reactstrap Прост в использовании React Bootstrap 4 компонента

Bootstrap 4

Bootstrap Vue Bootstrap 4 Компоненты для Vue.js

Bootstrap 4

UI Bootstrap Bootstrap Components, написанные в Pure Angularjs Byt Team. Нативные виджеты Angular для Bootstrap 3 и Bootstrap 4

Bootstrap 3

Bootstrap 4

Ember Bootstrap Надстройка ember-cli для использования Bootstrap в приложениях Ember.js.

Bootstrap 3

WordPress

Компоненты начальной загрузки переписаны для интеграции с WordPress

9009 СВЕДЕНИЕ СЛАДА

Имя	Описание
SAGE
		. . Sage поставляется с последней версией Bootstrap. Bootstrap 4
Bootplate	Невероятно быстрый, ориентированный на мобильные устройства фреймворк темы Bootstrap 4 для создания потрясающих веб-сайтов WordPress. Bootstrap 4
Understrap	UnderStrap объединяет Underscores и Bootstrap 4 в идеальную основу с открытым исходным кодом для вашего следующего тематического проекта WordPress. Bootstrap 4

Средства разработки Bootstrap

---

Visual Builders

Приложения визуального конструктора для создания пользовательских версий Bootstrap и компонентов Bootstrap.

Наименование	Описание
Bootply	Редактор и конструктор кода Bootstrap — игровая площадка Bootstrap. Bootstrap 3 Bootstrap 4
BuildBootstrap	BuildBootstrap — это бесплатный онлайн-инструмент, помогающий решить стандартную задачу создания адаптивного макета с использованием Bootstrap 3 или новейшей сетки Bootstrap 4. Bootstrap 3 Bootstrap 4
Pingendo	Первоклассный конструктор Bootstrap 4 для разработчиков, дизайнеров и их клиентов Bootstrap 4
Bootstrap Studio	Мощное настольное приложение для создания адаптивных веб-сайтов с использованием платформы Bootstrap. Bootstrap 4
Конструктор форм	Конструктор форм Bootstrap с возможностью перетаскивания от Bootsnipp. Bootstrap 2 Bootstrap 3
Button Builder	Простой конструктор кнопок Bootstrap от Bootsnipp. Бутстрап 3
Jetstrap	Jetstrap — это не просто инструмент для создания макетов, а главный инструмент для создания интерфейса для Bootstrap 3. Bootstrap 3
PaintStrap	Создавайте красивые темы Bootstrap, используя цветовую схему Adobe kuler / COLOURlovers. Bootstrap 3
1pxdeep	Flat(ish) Bootstrap 3 генератор тем. Bootstrap 3

Другие инструменты

Полезные инструменты, которые разработчики могут использовать при создании с помощью Bootstrap.

. Веб-разработка.

Bootstrap 3

Name	Description
Bootstrap CDN	The recommended CDN for Bootstrap, Font Awesome, and Bootswatch Bootstrap 2 Bootstrap 3 Bootstrap 4
Bootstrap Loader	Загрузите стили и скрипты Bootstrap в пакет Webpack Bootstrap 3 Bootstrap 4
Bootstrap 4 Cheatsheet	Чит для Bootstrap 4 Components Bootstrap 4
Pug Bootstrap
Bootsnipp	Элементы дизайна, игровая площадка и фрагменты кода для фреймворка Bootstrap HTML/CSS/JS. Начальная загрузка 3 Bootstrap 4
CodexUI	Vanilla Bootstrap 4 компонента, для использования которых не требуются дополнительные CSS или Javascript. Bootstrap 4
Подключаемый модуль специальных возможностей Bootstrap	Подключаемый модуль специальных возможностей для Bootstrap 3 и Bootstrap 3 в качестве подмодуля. Bootstrap 3
Tablestrap	Генератор таблиц Bootstrap. Bootstrap 3
Щедрый	Создайте собственную цветовую схему Bootstrap из изображения и настройте ее по своему вкусу. Bootstrap 3
Bootcoding	Создавайте собственные или изменяйте существующие фрагменты кода начальной загрузки, играя с HTML, CSS и JS. Bootstrap 3

Плагины Bootstrap

---

Форма плагинов

9008 элемент в Bootstrap.

Bootstrap 3

Наименование	Описание
Bountpicker Datepicker
. Бутстрап 2 Бутстрап 3
Angular Bootstrap Colorpicker	Никаких зависимостей jQuery, только директива AngularJS, основанная на библиотеке jQuery bootstrap-colorpicker. Bootstrap 3
Bootstrap Colorpicker	Простой и настраиваемый компонент выбора цвета для Bootstrap. Bootstrap 3
Средство выбора даты React Bootstrap	Средство выбора даты на основе React-Bootstrap. Бутстрап 3
jQuery File Upload	Виджет загрузки файлов с выбором нескольких файлов, поддержкой перетаскивания, индикаторами выполнения, проверкой и предварительным просмотром изображений, аудио и видео для jQuery. Bootstrap 3
Bootstrap 3 Средство выбора даты	Виджет выбора даты/времени на основе Bootstrap. Bootstrap 3
Bootstrap Select	Bootstrap-select — это подключаемый модуль jQuery, который использует раскрывающийся список Bootstrap. js для стилизации и добавления дополнительных функций к стандартным элементам выбора. Bootstrap 3
Средство выбора диапазона дат Bootstrap	Компонент выбора диапазона дат для Bootstrap. Bootstrap 3
jqBootstrapValidation	Плагин проверки jQuery для форм начальной загрузки. Bootstrap 2 Bootstrap 3
FormValidation	Плагин для проверки форм начальной загрузки Bootstrap 3 Bootstrap 4
Bootstrap Combobox
Bootstrap
.0019	Плагин со списком, который работает с Bootstrap. Bootstrap 2 Bootstrap 3
Bootstrap Плавающие этикетки	UX Friendly Labels для Bootstrap 3 Bootstrap 3
Bootstrap 3
Bootstrap Label	Ploate Labels с Label	Ploate Ploiting Ploate Ploiting Labels с Mimiprap Label	с Mination Trabels с Label 3	с Mination Labels	.
Bootstrap Show Password	Простой, но интуитивно понятный плагин формы Bootstrap, позволяющий пользователям увидеть свой пароль. Bootstrap 2 Bootstrap 3
Tokenfield для Bootstrap	Расширенный плагин для тегов/токенизации для jQuery и Bootstrap с упором на клавиатуру и поддержку копирования-вставки. Bootstrap 3
Bootstrap Multiselect	Плагин jQuery multiselect на основе Bootstrap. Bootstrap 3
Bootstrap Select Dropdown	Плагин jQuery для Bootstrap 4, который преобразует элементы select и multiselect в раскрывающиеся списки. Bootstrap 4
Bootstrap Toggle	Bootstrap Toggle — это очень гибкий плагин для начальной загрузки, который преобразует флажки в Toggles Bootstrap 3
DatePicker для Bootstrap
Bootstrap MaxLength	Визуальный индикатор обратной связи для атрибута maxlength. Начальная загрузка 3
Bootstrap Iconpicker	Простое средство выбора значков на основе Bootstrap 3. Позволяет пользователю выбрать значок из раскрывающегося меню. Bootstrap 3
Теги Bootstrap	Подключаемый модуль jQuery, предназначенный для расширения Bootstrap для добавления функциональности тегов. Bootstrap 3
Автозаполнение тегов Bootstrap	Плагин автозаполнения @mention, похожий на функциональность, которую можно увидеть на Facebook или Twitter. Bootstrap 2
Bootcomplete.js	Легкий Ajax Auto -Altocllete Alternifite для начальной загрузки 3 Bootstrap 3
Jquery Minicolors	. Bootstrap 3
Цветовая палитра для Bootstrap	Плагин раскрывающегося списка цветовой палитры для Bootstrap. Бутстрап 2 Бутстрап 3
Bootstrap Slider	Компонент Bootstrap Slider. Bootstrap 3
Годовой календарь Bootstrap	Полностью настраиваемый виджет календаря на год для Bootstrap. Bootstrap 3
jQuery Spinner	Счетчик чисел на основе jQuery, поддерживает работу с клавиатурой и постоянное изменение. Bootstrap 3

Табличные плагины

Имя	Описание
Bootstrap Table	Расширенная таблица Bootstrap с переключателями, флажками, сортировкой, нумерацией страниц и другими дополнительными функциями. Bootstrap 2 Bootstrap 3
DataTables для Bootstrap	Расширение плагина DataTables jQuery, которое легко интегрируется с пользовательским интерфейсом Bootstrap 3 и 4. Bootstrap 3 Bootstrap 4
WATable	Фильтруйте, форматируйте, разбивайте на страницы и сортируйте данные с легкостью и молниеносной скоростью Bootstrap 3

Меню и плагины навигации

Название	Описание
DUPDUNS DUPDOWNS	BATESTRAP 4 NAVSBAR. Bootstrap 4
Bootstrap Tree View	Tree View для Bootstrap Bootstrap 3
Bootstrap Context Menu	Контекстное меню Bootstrap с использованием плагинов контекстного меню Bootstrap. Bootstrap 3
Bootpag	Плагин jQuery с динамической разбивкой на страницы, который хорошо работает с Bootstrap. Bootstrap 3
Подменю Bootstrap	Расширьте раскрывающееся меню Bootstrap, чтобы добавить поддержку подменю. Bootstrap 3
Bootstrap Dropmenu	Dropmenu — это набор расширений, расширяющих раскрывающийся список Bootstrap. Bootstrap 3
Выбор иерархии	Меню Dropmenu с поиском в реальном времени и иерархией. Bootstrap 3

Плагины уведомления

Название	Описание
SweetAlert для начальной загрузки	. Прекрасная замена для Javascript «Alrert». Bootstrap 3
Подтверждение Bootstrap	Плагин Bootstrap для окон подтверждения на месте с использованием Popover Bootstrap 3
Bootstrap Tour	Самый простой способ показать людям, как пользоваться вашим сайтом. Bootstrap 3
PNotify	Красивые уведомления JavaScript. Bootstrap 3
jQuery Growl	Плагин уведомлений о рычании, который работает из коробки с фреймворком Bootstrap 3. Bootstrap 3
Bootstrap Growl	Довольно простой плагин jQuery, который превращает стандартные оповещения Bootstrap в «рычащие» уведомления. Bootstrap 3
Bootstrap Notify	Превратите стандартные оповещения Bootstrap в «рычащие» уведомления. Bootstrap 3
Bootstrap Notifications	Этот компонент очень удобен, когда вы хотите быстро реализовать пользовательский интерфейс для уведомлений в вашем приложении. Bootstrap 3

Модальные плагины

Название	Описание
Bootbox.js	Модальные окна Bootstrap стали проще. Bootstrap 3
Bootstrap Lightbox	Простой плагин лайтбокса, основанный на модальном плагине bootstrap. Bootstrap 2
Flippant.js	Мини-библиотека js+css для переворачивания вещей. Bootstrap 2

Плагины кнопок

Имя	Описание
Кнопки социальных сетей для Bootstrap	Кнопки входа в социальные сети, созданные на чистом CSS на основе Bootstrap и Font Awesome! Bootstrap 3
Пользовательский интерфейс Ladda для Bootstrap 3	Отличный эффект, который помещает счетчик прямо в кнопку, чтобы дать вашим пользователям немедленную обратную связь после нажатия или отправки формы. Bootstrap 3
Флажок Bootstrap	Компонент флажка, основанный на кнопках Bootstrap. Начальная загрузка 3

Другие плагины

Имя	Описание
Bootstrap 3
Bootstrap WYSIWYG	Крошечный текстовый редактор для Bootstrap с поддержкой wysiwyg. Bootstrap 2
Bootstrap Markdown	Редактирование Markdown вместе с Bootstrap. Бутстрап 3
Вехи Bootstrap	Плагин Bootstrap для создания списков вех. Bootstrap 3
Адаптивная временная шкала Bootstrap	Временная шкала Bootstrap на основе CSS. Bootstrap 3
Лента активности для Bootstrap	Лента активности отображает сообщения пользователей в стиле Facebook. Bootstrap 3

Bootswatch: Help

Предварительно скомпилированный CSS

Использовать темы так же просто, как загрузить CSS-файл и заменить тот, который поставляется с Bootstrap.

Пакет

Вы можете установить пакет через npm с помощью команды npm install bootswatch .

Пользователи React (create-react-app или аналогичный сборщик)

Современные сборщики JavaScript (веб-пакет, посылка, свертка) поддерживают импорт CSS из файлов JS. Это может упростить предсказуемое развертывание различных сторонних и сторонних ресурсов.

Примечание: 9(примеры: темно, сланец, космо, космическая лаборатория и супергерой. См. https://bootswatch.com/ для текущих названий тем.)

Вот пример обновленного импорта в App. js для использования темы «slate» (с использованием нового проекта create-react-app.)

 import React from 'react';
импортировать логотип из './logo.svg';
импортировать 'bootswatch/dist/slate/bootstrap.min.css'; // Добавил это :boom:
импортировать './App.css';
приложение функции () {
...
 

CDN

Вы также можете использовать темы через CDN на jsDelivr.

Sass

Если вы используете Sass в своем проекте, вы можете импортировать файлы _variables.scss и _bootswatch.scss для заданной темы. Этот метод позволяет переопределить переменные темы. Обязательно импортируйте Bootstrap bootstrap.scss между _variables.scss и _bootswatch.scss !

 // Здесь могут быть ваши переопределения переменных, например:
// $h2-размер шрифта: 3rem;
@import "~bootswatch/dist/[тема]/переменные";
@import "~bootstrap/scss/bootstrap";
@import "~bootswatch/dist/[тема]/bootswatch";
 

Чтобы изменить тему или создать собственную, выполните следующие действия в своем терминале.

Вам нужно будет установить Git и Node.

1. Скачать репозиторий: git clone https://github.com/thomaspark/bootswatch.git

2. Установка зависимостей: npm install

3. Убедитесь, что в командной строке доступно grunt . Вы можете установить grunt-cli , как описано на странице «Начало работы с Grunt».

4. В /dist измените _variables.scss и _bootswatch.scss в одном из каталогов темы или продублируйте каталог темы, чтобы создать новый.

5. Введите grunt swatch:[theme] , чтобы создать CSS для темы, например, grunt swatch:flatly для Flatly. Или введите grunt swatch , чтобы построить их все сразу.

6. Вы можете запустить ворчание для запуска сервера, следите за любыми изменениями в файлах SASS и автоматически создаете тему и перезагружаете ее при изменении. Запустите grunt server только для сервера и grunt watch только для наблюдателя.

Вот дополнительные советы по настройке Bootstrap.

Если вы предпочитаете веб-интерфейс для настройки тем, проверьте Bootstrap.build. В конструкторе вы можете нажать кнопку «Импорт», чтобы загрузить выбранную вами тему Bootswatch в качестве отправной точки.

Вы можете использовать API для интеграции тем с вашей платформой. Получить:

https://bootswatch.com/api/5.json

Это возвращает объект с версией и свойством темы . темы представляет собой массив со следующими свойствами:

• имя
• описание
• предварительный просмотр
• эскиз
• CSS
• CSSMin
• cssCdn
• ножницы
• scssПеременные

Вот демонстрация API в действии.