Build professional quality, responsively designed mobile web sites using Bootstrap 3. Apply Bootstrap 3s mobile-first HTML/CSS3/JavaScript frameworks to design a single site for all devices—scaling up your web display from handhelds to tablets and desktops. You will also learn how to use Bootstraps powerful four-tier grid system to design specific layouts for phones, tablets, desktops, and large desktops. Learn how to apply and modify responsive design techniques and styles. Topics include designing and customizing layouts, sub-pages, product pages, portfolio and "about" pages, themes, colors, buttons, navbars, panels, list groups, and tabs.
Prerequisites:
HTML5 Desktop and Mobile—Level II, or equivalent experience. Knowledge of basic CSS recommended.
- Title: STEP BY STEP BOOTSTRAP 3: A QUICK GUIDE
- Author: MEGOSINARSO
- ISBN: 9781499655629
- Edition/Copyright: 0
- Publisher: NACSCORP
- Published Date: 2014
Materials:
Please bring a Flash Drive/Memory Stick 512MB or larger to class which will enable you to save your class work.
Days: Tuesday, Thursday & Saturday (4/04/2014 Only)
Dates: 03/31/15 - 04/09/15
Number of Sessions: 5
Time: Tuseday & Thurday - 06:30 PM - 09:30 PM
Time: Saturday - 09:30 AM - 12:30 PM
Location: Rockville HU 321
Session 1 - Tuesday, March 31, 2015
- • Course Overview Presentation
- • Chapter 1 - Introduction
- • Chapter 2 - Getting Started
- • Using LESS
- • Using SASS
-
- Grid System
- • Chapter 3 - Container & Container-Fluid
- • Chapter 7 - Multi-Column Layout
Session 2 - Thursday, April 2, 2015
- Typography
- • Chapter 8 - Working with Navigation
- • Chapter 4 - Jumbotron
Session 3 - Saturday, April 4, 2015
- Forms
- • Chapter 9 - Forms
- • Bootstrap Tables
-
- Buttons, Images, & Icons
- • Chapter 11 - Working with Images
- • Chapter 5 - Buttons
Session 4 - Tuseday, April 7, 2015
- Bootstrap JS Part I
- • Chapter 10 - Modal
- • Chapter 13 - Carousel
- • Chapter 14 - Affix
- • Chapter 15 - ScrollSpy
- • Tooltips
Session 5 - Thursday, April 9, 2015
- Bootstrap JS Part II
- • Togglable Tabs
- • Popovers
- • Alert messages
- • Buttons
- • Collapse