Комплект панели инструментов Bootstrap с открытым исходным кодом

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

Поставьте нам звезду на GitHub:

https://github.com/webpixels/bootstrap-dashboard-kit

Функции

• Включает генератор статических сайтов Eleventy для создания макетов и страниц.

• Включает исходные файлы Bootstrap (в настоящее время используется v5) через npm.

• Включает Webpixels CSS в качестве нашей системы дизайна на основе Bootstrap 5.

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

• Минимизация HTML, CSS и JS

Начиная

Чтобы упростить управление активами, мы выбрали Parcel. Если вы хотите увидеть все скрипты npm, включенные в этот стартовый комплект, откройте файл package.json.

Затем перейдите в корневую папку сайта и запустите:

```javascript

установка нпм

Чтобы запустить локальный сервер и следить за изменениями:

```javascript

запуск нпм

Чтобы построить для производства:

```javascript

npm запустить сборку

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

Особенности

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

Нет пользовательского кода CSS

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

```javascript