mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 11:05:45 +02:00

This UI Kit allows you to build Bootstrap webapp with some extra UI features.

bootstrap silverstripe vanilla-js webpack

Go to file

Tony Air 291b8f0874 Rebuild		2020-04-29 14:51:47 +07:00
dist	Rebuild	2020-04-29 14:51:47 +07:00
src	Minor improvements	2020-04-29 14:48:09 +07:00
.babelrc	IMPROVEMENT: input.mask, babel, terser	2020-02-08 02:49:38 +07:00
.editorconfig	Initial commit	2019-06-08 22:20:51 +07:00
.eslintignore	FIX: js liniting	2019-12-10 20:23:32 +07:00
.eslintrc	Form toggle bugfixtures	2019-11-27 12:29:20 +07:00
.gitignore	Sync to SilverStripe webpack kit	2019-06-08 22:57:04 +07:00
.npmrc	Package registry fix	2019-11-25 15:42:03 +07:00
LICENSE	Initial commit	2019-06-08 22:20:51 +07:00
package.json	Rebuild	2020-04-29 14:51:47 +07:00
README.md	Update README.md	2019-12-10 20:35:00 +07:00
webpack.config.js	webpack speed improvements	2020-02-25 13:22:43 +07:00

README.md

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

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

npm 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