Schedule
(1:30-2:00) RWD Basics
- What is Responsive Web Design?
- A site designed with Responsive Web Design adapts the layout to the viewing environment by using fluid grids, flexible images,…
(2:00-2:30) Page Layout
- Bootstrap uses flexible Grids.
- Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport…
(2:30-3:00) Components
- Adding Components and Bootstrap Styling
-
We will add/style three basic elements: a Jumbotron, responsive images, and lists.
…
(3:00-3:30) Navigation
- Basic Navbar
-
Navbars are responsive navigation menus. They begin collapsed in mobile views and become horizontal as the available viewport width increases.
…
(3:30-4:00) Adv. Layout
(4:00-4:30) Integration / Optional
- Tabs
-
Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.
…
