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

A Bootstrap 4.5.2 boilerplate with font-awesome, sass, gulp 4 tasks
https://github.com/jayeshlab/bootstrap-4-sass-gulp-4-boilerplate

boilerplate bootstrap bootstrap-4 bootstrap4 browsersync css fontawesome5 gulp gulp4 sass scss starter starter-template

Last synced: 3 months ago
JSON representation

A Bootstrap 4.5.2 boilerplate with font-awesome, sass, gulp 4 tasks

• Host: GitHub
• URL: https://github.com/jayeshlab/bootstrap-4-sass-gulp-4-boilerplate
• Owner: JayeshLab
• License: mit
• Created: 2018-07-09T14:09:28.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-06-06T06:10:43.000Z (over 3 years ago)
• Last Synced: 2024-10-11T06:41:46.636Z (3 months ago)
• Topics: boilerplate, bootstrap, bootstrap-4, bootstrap4, browsersync, css, fontawesome5, gulp, gulp4, sass, scss, starter, starter-template
• Language: JavaScript
• Homepage: https://github.com/JayeshLab/bootstrap-4-sass-gulp-4-boilerplate
• Size: 22.5 KB
• Stars: 104
• Watchers: 7
• Forks: 45
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Bootstrap 4 boilerplate with sass and gulp 4

A Bootstrap 4.5.2 boilerplate with font-awesome5 free, sass, gulp 4 tasks, browserSync (with hot-reloading). You can override bootstrap sass variables by placing those variables in `bootstrap-4-sass-gulp-4-boilerplate/assets/scss/_bootstrap_variable_overrides.scss`

- New Bootstrap v5.0.0 boilerplate with bootstrap-icons, sass, gulp 4 tasks [Bootstrap 5 boilerplate](https://github.com/JayeshLab/bootstrap-5-sass-gulp-4-boilerplate)

## 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 - Command Line Utility for Gulp 

     $ npm install --global gulp-cli

     

Verify Gulp Cli and Gulp Local Version

     $ gulp --version

## Getting started

1. Clone repository:

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

2. Change directory:

`cd bootstrap-4-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).