Topic 1: Introduction
- What is Twitter Bootstrap
- Bootstrap features and components
- Bootstrap and Responsive Web Design
- Tools for development
- Responsive workflow
- Getting started with Twitter Bootstrap
Topic 2: Creating Structure
- The Grid
- Media Queries
- Responsive Layout
- Fluid grid system
- Nesting
- Media Queries
- Hero Unit
- Thumbnail Gallery
Topic 3: Bootstrap CSS Overview
- Basic Typography
- Lists
- Buttons
- Tables
- Forms
- Images and Icons
- Overriding Bootstrap Core CSS
Topic 4: Navigations Systems
- Adding the basic navigation bar
- Breadcrumbs
- Pagination
- Page for next and previous links
- Using tabs and pills navigation
Topic 5: Working with Components
- Overview of components
- Using components
- Glyphicons
- Dropdowns and buttons
- Navigation components
- Pagination
- Label and badges
- Typography
- Thumbnails
- Alerts
- Progress bars
Topic 6: JavaScript in Bootstrap
- Using JavaScript plugins
- Using transition effects
- Using modal prompts
- Using dropdowns
- Updating nav targets in scrolling
- Tabbing
- Using tooltips, popovers, and alerts
- Using button states or groups
- Collapsing components
- Using carousels
- Customizing Bootstrap
- Custom Build
- Overriding with CSS
- LESS
Further more:
No comments:
Post a Comment