Art 301 Week 10 Notes TR + F


Bootstrap 3

Mobile First
Responsive
Framework – template/rules you must follow
CLASS

2 methods:
1. via CDN – content delivery network
2. download store in project folder

Bootstrap
12 Column Structure
Container fixed vs fluid
Rows
Column

Fixed width sizes for Bootstrap
Large ≥ 1170 lg
Medium ≥ 970 md
Small ≥ 768 sm
XSmall < 768 xs

ROWS

COLUMNS
col-size-span
for example: col-sm-4

col-xs auto
col-sm ~62
col-md ~81
col-lg ~97

FINAL PROJECT:
Restaurant Website – Must be real*
6 page minimum
Bootstrap-required for TR class only

Moodboard
Mobile first layout
Site Map