/Bootstrap-Workflow

Bootstrap Build System

Primary LanguageCSSMIT LicenseMIT

Bootstrap Workflow

Bootstrap Workflow is gulp based build system, ready for Bootstrap 3

Installation

  • Download and extract Zip File
  • Run bower install
  • Run npm install

Directory Structure

Project source files src :

  • assets
    • sass
    • js
    • img
    • fonts
  • layouts
  • pages
  • partials

How to use

  • gulp watch : Start the server, and watch for files updates.
  • gulp build: Build the project.
  • gulp build --production : Build the project for ditsribution (minify, uglyfy etc...).

Bootstrap Settings

All bootstrap SASS configuration variable are located in 'src/assets/settings.scss'

Configuration

Configuration option config.yml :

  • Server : BrowserSync
  • Path : base directory
  • Port : Port number
  • Support: browser support option for autoprefixer plugin, See (Bootstrap browser support)[http://getbootstrap.com/getting-started/#support]
  • Dist: Build destination folder
  • Images: Image source folder (default to: src/img/)
  • Fonts : fonts files to copy, This is a [key:value] format, the key will be used as the folder name for the font files and the value is the path to font source files, see the example below : bootstrap: 'bower_components/bootstrap-sass/assets/fonts/bootstrap/*'
  • Sass : Sass files to include when compiler resolving SASS @import
  • Templates : Template files to lookup by the template engine (Nunjucks)[http://mozilla.github.io/nunjucks/]
  • JavaScript :
    • Vendor : Each file will be generated as a standalone JavaScript file
    • Bootstrap : All Bootstrap Javascript files including the script.js file will be compiled and concat in one file named script.js, you can add or remove Bootstrap JavaScript components as needed