A Bootstrap v5.2.3 boilerplate with bootstrap-icons(1,800+ icons), sass, gulp 4 tasks, browserSync (with hot-reloading).
You can override bootstrap sass variables by placing those variables in bootstrap-5-sass-gulp-4-boilerplate/assets/scss/_bootstrap_variable_overrides.scss
Install Gulp cli
$ npm install --global gulp-cli
-
Clone repository:
git clone https://github.com/JayeshLab/bootstrap-5-sass-gulp-4-boilerplate.git
-
Change directory:
cd bootstrap-5-sass-gulp-4-boilerplate
-
Install all dependencies and libraries:
npm install
-
Run Gulp Task:
-
gulp
- To compile scss to css, minify css and js and build ready for production files in dist folder. -
gulp dev
- Starts a local server with browserSync and hot reloading on changes to files (HTML, SCSS, JS).
- Customize:
- Custom App Style : assets/scss/app.scss
- Overriding Bootstrap variable: assets/scss/_bootstrap_variable_overrides.scss
- Custom SCSS: assets/scss/_general.scss, assets/scss/_layout.scss, assets/scss/_mixins.scss, assets/scss/_module.scss, _variables.scss
- Custom App Javascript: assets/js/app.js