# 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