Загрузить startbootstrap creative - Загрузка исходного кода startbootstrap creative

startbootstrap creative

Другой исходный код

Скачать

Запустить Bootstrap — Креатив

Creative — это одностраничная креативная тема веб-сайта, созданная с помощью Bootstrap, созданная Start Bootstrap.

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

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

Статус

Загрузка и установка

Чтобы начать использовать этот шаблон, выберите один из следующих вариантов:

Загрузите последнюю версию на Start Bootstrap.
Установите с помощью npm: npm i startbootstrap-creative
Клонируйте репозиторий: git clone https://github.com/StartBootstrap/startbootstrap-creative.git
Форкнуть, клонировать или загрузить на GitHub

Использование

Основное использование

После загрузки просто отредактируйте файлы HTML и CSS, включенные в каталог dist . Это единственные файлы, о которых вам стоит беспокоиться, все остальное вы можете игнорировать! Чтобы просмотреть изменения, которые вы вносите в код, вы можете открыть файл index.html в своем веб-браузере.

Расширенное использование

Клонируйте исходные файлы темы и перейдите в корневой каталог темы. Запустите npm install , а затем запустите npm start , который откроет предварительный просмотр шаблона в браузере по умолчанию, проследит за изменениями в основных файлах шаблона и перезагрузит браузер в реальном времени, когда изменения будут сохранены. Вы можете просмотреть файл package.json , чтобы узнать, какие скрипты включены.

npm-скрипты

npm run build собирает проект — при этом ресурсы, HTML, JS и CSS собираются в dist
npm run build:assets копирует файлы из каталога src/assets/ в dist
npm run build:pug компилирует Pug, расположенный в каталоге src/pug/ в dist
npm run build:scripts переносит файл src/js/scripts.js в dist
npm run build:scss компилирует файлы SCSS, расположенные в каталоге src/scss/ в dist
npm run clean удаляет каталог dist , чтобы подготовиться к пересборке проекта.
npm run start:debug запускает проект в режиме отладки
npm start или npm run start запускает проект, запускает предварительный просмотр в реальном времени в браузере по умолчанию и отслеживает изменения, внесенные в файлы в src

Чтобы использовать эту среду сборки, у вас должен быть установлен npm.

Контактная форма

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

После регистрации вам нужно будет указать доменное имя, на котором будет использоваться ваша форма, после чего вы увидите свой ключ доступа. Скопируйте это и вставьте в атрибут данных data-sb-form-api-token='API_TOKEN' вместо API_TOKEN . Вот и все! Ваши формы будут готовы к работе!

Если вы не используете SB Forms, просто удалите пользовательские атрибуты данных из формы и удалите ссылку над закрывающим тегом </body> на SB Forms.

Ошибки и проблемы

Есть ошибка или проблема с этим шаблоном? Откройте новый выпуск здесь, на GitHub, или оставьте комментарий на странице обзора темы в разделе «Начать Bootstrap».

О

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