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