ProfBurnett.com

ITI 188 Bootstrap 3 & Mobile Web Design - Session I

Session Outline:

  • •  Course Overview Presentation
  • •  Chapter 1 - Introduction
  • •  Chapter 2 - Getting Started
  •     •  HTML5 doctype
  •     •  Mobile First
  •     •  Helper Classes
  •     •  Bootstrap CDN
  •     •  Responsive Utilities
  • •  Using LESS
  • •  Using SASS
  •   
  • Grid System
  • •  Chapter 3 - Container & Container-Fluid
  • •  Chapter 7 - Multi-Column Layout
  •     •  Stacked-to-horizontal
  •     •  Small Devices
  •     •  Medium Devices
  •     •  Large Devices
  •     •  Less mixins and variables

Class Presentations

Student Exercise

Session 1 Exercises Handout

Initial Bootstrap Website Zipfile

Student Exercise 1 - Setup Bootstrap Website

Student Exercise 2 - Setup linked JavaScript and CSS files for Bootstrap website.

Student Exercise 3 - Build a Container & Fluid Container in website.

Student Exercise 4 - Review a Stacked-to-horizontal in website.

Student Exercise 5 - Review a Responsive column resets in website.

Student Exercise 6 - Review Offsetting columns in website.

Session 1 Support Links

Bootstrap Website

Wiklipedia

W3C Schools Training