GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → JayeshLab → bootstrap-5-sass-gulp-4-boilerplate

JayeshLab / bootstrap-5-sass-gulp-4-boilerplate

Licence: MIT License
A Bootstrap 5.0.0 boilerplate with bootstrap-icons, sass and gulp 4

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Labels

cssgulpsassbootstrapboilerplatebrowsersyncgulp4bootstrap-iconsbootstrap-5bootstrap-5-templatebootstrap-5-boilerplatealpha1-boilerplate

Projects that are alternatives of or similar to bootstrap-5-sass-gulp-4-boilerplate

Frontend-StarterKit
Frontend StarterKit - [Gulp 4, Pug, SCSS, ES6+]
Stars: ✭ 13 (-50%)
Mutual labels:  gulp, browsersync, gulp4
sage-starter
The best starter theme with a modern front-end development workflow. Based on Sage, HTML5 Boilerplate, gulp, Bower, and Bootstrap.
Stars: ✭ 42 (+61.54%)
Mutual labels:  gulp, browsersync
sass-starter-pack
Sass starter files using Gulp v4.0.0 🔥
Stars: ✭ 34 (+30.77%)
Mutual labels:  gulp, gulp4
Gulp-Beginners-Guide
Gulp 基本教學 - 從無到有 Gulp-Beginners-Guide
Stars: ✭ 29 (+11.54%)
Mutual labels:  gulp, browsersync
branch
Branch Starter Theme - A WordPress starter theme based on Timber library and Bootstrap
Stars: ✭ 87 (+234.62%)
Mutual labels:  gulp, browsersync
frontie
Frontie is a front-end boilerplate. Gulp | Twig.js | Sass | Autoprefixer | Browsersync | Bootstrap 4 Grid System & Responsive Breakpoints
Stars: ✭ 28 (+7.69%)
Mutual labels:  gulp, browsersync
gw-starter-kit
PEPELAC - Современный инструментарий для вёрстки и создания статичных сайтов с использованием Webpack
Stars: ✭ 30 (+15.38%)
Mutual labels:  gulp, browsersync
gulp-starter-kit
My Gulp Starter Kit
Stars: ✭ 91 (+250%)
Mutual labels:  gulp, browsersync
startbootstrap-business-frontpage
A Bootstrap HTML business homepage template created by Start Bootstrap
Stars: ✭ 177 (+580.77%)
Mutual labels:  bootstrap-5, bootstrap-5-template
gulp-sass-bootstrap-boilerplate
⏰📌 Boilerplate with gulp.js, Sass, Babel, and Browsersync.
Stars: ✭ 24 (-7.69%)
Mutual labels:  gulp, browsersync
adfab-gulp-boilerplate
A boilerplate including Gulp, Less/SASS, BrowserSync.
Stars: ✭ 17 (-34.62%)
Mutual labels:  gulp, browsersync
webpack-gulp-wordpress-starter-theme
A WordPress theme with Webpack & Gulp
Stars: ✭ 110 (+323.08%)
Mutual labels:  gulp, gulp4
magento-2-gulp
Gulp for Magento 2. It works with core Magento styles (less) and structure. Uses default theme configs from dev/tools/grunt/configs/local-themes.js.
Stars: ✭ 37 (+42.31%)
Mutual labels:  gulp, browsersync
bootstrap-4-boilerplate
Basic Bootstrap 4 Starter Template
Stars: ✭ 50 (+92.31%)
Mutual labels:  gulp, browsersync
startbootstrap-small-business
A Bootstrap HTML template for creating marketing websites for small businesses - created by Start Bootstrap
Stars: ✭ 186 (+615.38%)
Mutual labels:  bootstrap-5, bootstrap-5-template
starter-kit
🏃 A simple and powerful Starter Kit made with Webpack, Gulp 4, Pug and SASS
Stars: ✭ 21 (-19.23%)
Mutual labels:  gulp, gulp4
Gulp Webpack Starter
Gulp Webpack Starter - fast static website builder. The starter uses gulp toolkit and webpack bundler. Download to get an awesome development experience!
Stars: ✭ 199 (+665.38%)
Mutual labels:  gulp, browsersync
Forward-Framework
A killer WordPress theme framework built using underscores, gulp, sass, bourbon neat, bower & browsersync.
Stars: ✭ 23 (-11.54%)
Mutual labels:  gulp, browsersync
selene
A opinionated Wordpress base theme based on Sage.
Stars: ✭ 31 (+19.23%)
Mutual labels:  gulp, browsersync
email-framework
A simple, gulp powered framework to develop and test responsive emails.
Stars: ✭ 19 (-26.92%)
Mutual labels:  gulp, browsersync
View All Similar Projects ➔

Bootstrap 5 boilerplate with sass and gulp 4

A Bootstrap v5.0.2 boilerplate with bootstrap-icons(1,300+ 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

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

  1. 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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].