2019-06-08 17:10:16 +02:00
|
|
|
# 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
|
2019-06-08 18:06:59 +02:00
|
|
|
https://rawcdn.githack.com/a2nt/webpack-bootstrap-ui-kit/master/dist/index.html
|
2019-06-08 17:10:16 +02:00
|
|
|
|
2019-12-10 14:32:06 +01:00
|
|
|
# Quick Start
|
2019-12-10 14:34:26 +01:00
|
|
|
## Clone and setup quick start repository:
|
2019-12-10 14:32:06 +01:00
|
|
|
|
|
|
|
|
git clone https://github.com/a2nt/webpack-bootstrap-ui-kit-quick-start.git
|
2019-12-10 14:34:26 +01:00
|
|
|
|
2019-12-10 14:32:06 +01:00
|
|
|
cd ./webpack-bootstrap-ui-kit-quick-start
|
2019-12-10 14:34:26 +01:00
|
|
|
|
2019-06-08 17:10:16 +02:00
|
|
|
npm install
|
|
|
|
|
|
|
|
|
|
|
2019-12-10 14:35:00 +01:00
|
|
|
## Edit files at ./src
|
2019-12-10 14:34:26 +01:00
|
|
|
|
|
|
|
|
## Start development server at https://127.0.0.1:8001:
|
|
|
|
|
|
2019-12-10 14:32:06 +01:00
|
|
|
yarn start
|
2019-06-08 17:10:16 +02:00
|
|
|
|
2019-12-10 14:34:26 +01:00
|
|
|
## Build your files to ./dist:
|
|
|
|
|
|
2019-06-08 17:10:16 +02:00
|
|
|
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
|
