tomaszbujnowicz / frontie-bootstrap4

Bootstrap 4.1.3 | Gulp | Twig.js | Autoprefixer | Browsersync

Frontie Bootstrap 4 - Front-end Boilerplate

Frontie Bootstrap 4 is a frontend boilerplate using Gulp for task automation. Based on Bootstrap 4 enhanced with Twig.js, Autoprefixer and Browsersync.

Core features

• Gulp
  For task automation

• Bootstrap 4

• Twig.js
  As a templating engine

• Autoprefixer
  Parse CSS and add vendor prefixes to rules by Can I Use

• Browsersync
  Time-saving synchronised browser testing

• Github pages
  Gulp plugin to publish contents to Github pages

• Source Maps

Installation requirements

• Node.js
• Gulp

Quick start: Installation

Download all the project dependencies:

npm install / yarn

Development: Tasks

Build and watch:

gulp

Watch:

gulp watch

Generate a fresh build of your project to /dist folder:

gulp build

Publish contents from /dist folder to Github pages:

gulp deploy

Working Directories

• Source
  All the files that you will be working with can be found at /src

• Production
  Production files can be found at /dist

• CSS
  The main file is located at /sass/custom.scss

• JS
  The main file is located at /js/main.js

• JS
  Third party JS libraries can be placed at /js/vendor

• Twig
  Templates are located at /templates

Notes

Based on Frontie

Copyright and license

Copyright 2018 Tomasz Bujnowicz under the MIT license.