webpack-bootstrap-ui-kit/README.md
2020-05-14 23:00:45 +07:00

64 lines
1.3 KiB
Markdown

# webpack-bootstrap-ui-kit
Webpack Bootstrap 4 UI Demo
This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features.
It's easy to extend and easy to convert HTML templates to CMS templates.
# Demo
https://rawcdn.githack.com/a2nt/webpack-bootstrap-ui-kit/master/dist/index.html
# Quick Start
## Requirements:
- composer
- node
- yarn
- pnpm package manager
https://pnpm.js.org/en/installation
Note: You can use npm package manager, but this one will save your disc space. Replace pnpm commands with npm if you prefer npm
## Clone and setup quick start repository:
git clone https://github.com/a2nt/webpack-bootstrap-ui-kit-quick-start.git
cd ./webpack-bootstrap-ui-kit-quick-start
pnpm install
## Edit files at ./src
## Start development server at https://127.0.0.1:8001:
yarn start
## Build your files to ./dist:
yarn build
## Directory structure
src/ - your sources
-- src/scss/\_variables.scss - specific app variables
-- src/scss/\_layout.scss - specific app style
-- src/html - HTML templates
-- src/js/\_events.js - app events definitions
-- src/js/\_layout.js - app events definitions
-- src/js/\_components - ui components
-- src/img - some example images
dist/ - compiled scipts after "yarn build"
You can open dist/index.html to see demo