https://github.com/jayeshlab/bootstrap-5-sass-gulp-4-boilerplate

A Bootstrap 5.2.3 boilerplate with bootstrap-icons, sass and gulp 4
https://github.com/jayeshlab/bootstrap-5-sass-gulp-4-boilerplate

alpha1-boilerplate boilerplate bootstrap bootstrap-5 bootstrap-5-boilerplate bootstrap-5-template bootstrap-icons browsersync css gulp gulp4 sass scss

Last synced: about 1 month ago
JSON representation

A Bootstrap 5.2.3 boilerplate with bootstrap-icons, sass and gulp 4

• Host: GitHub
• URL: https://github.com/jayeshlab/bootstrap-5-sass-gulp-4-boilerplate
• Owner: JayeshLab
• License: mit
• Created: 2020-09-20T15:42:48.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-07-19T08:24:31.000Z (over 1 year ago)
• Last Synced: 2024-10-11T06:42:35.296Z (about 1 month ago)
• Topics: alpha1-boilerplate, boilerplate, bootstrap, bootstrap-5, bootstrap-5-boilerplate, bootstrap-5-template, bootstrap-icons, browsersync, css, gulp, gulp4, sass, scss
• Language: HTML
• Homepage:
• Size: 35.2 KB
• Stars: 57
• Watchers: 5
• Forks: 30
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Bootstrap 5 boilerplate with sass and gulp 4

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`

## Pre-requisite

- [Node.js](https://nodejs.org/en/download/ "Node Js")

-  NPM (Comes with Node.js)

- [Gulp 4](https://gulpjs.com/ "Gulp")

Install Gulp cli

     $ npm install --global gulp-cli

     

## Getting started

1. Clone repository:

`git clone https://github.com/JayeshLab/bootstrap-5-sass-gulp-4-boilerplate.git`

2. Change directory:

`cd bootstrap-5-sass-gulp-4-boilerplate`

    

3. Install all dependencies and libraries:

   `npm install`

4. 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).

   

5. 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