Presentation is loading. Please wait.

Presentation is loading. Please wait.

Session I Outline Chapter 1 – Getting Started Session I – Exercise 1 & 2 Chapter 3 – Grid System Chapter 7 – Multi-Column.

Similar presentations


Presentation on theme: "Session I Outline Chapter 1 – Getting Started Session I – Exercise 1 & 2 Chapter 3 – Grid System Chapter 7 – Multi-Column."— Presentation transcript:

1 Session I http://www.profburnett.com

2 Outline Chapter 1 – Getting Started Session I – Exercise 1 & 2 Chapter 3 – Grid System Chapter 7 – Multi-Column Layout Session I – Exercise 3 - 6

3 Chapter 1 - Getting Started W3Schools Bootstrap Website Bootstrap Site Helper Classes Responsive Utilities Using LESS Using SASS

4 Session I – Exercise 1 & 2 Exercise 1 - Setup Bootstrap Website Student Exercise 2 - Setup linked JavaScript and CSS files for Bootstrap website.

5 Chapter 3 – Grid System Container & Container-Fluid Boostrap W3Schools

6 Chapter 7 Multi-Column Layout – Bootstrap GridBootstrap Grid W3Schools Grid W3Schools Multi-Column W3Schools Stacked-to-horizontal W3Schools Small Devices W3Schools Medium Devices W3Schools Large Devices Bootstrap Grid-less - Less mixins and variables

7 Session I – Exercise 3 - 6 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.

8 Review Chapter 1 – Getting Started Session I – Exercise 1 & 2 Chapter 3 – Grid System Chapter 7 – Multi-Column Layout Session I – Exercise 3 - 6 Next: Session II – Typography & Navigation


Download ppt "Session I Outline Chapter 1 – Getting Started Session I – Exercise 1 & 2 Chapter 3 – Grid System Chapter 7 – Multi-Column."

Similar presentations


Ads by Google