Overview
Building great looking websites that work well with different sized devices can be a challenge. By utilizing Twitter’s Bootstrap 3 framework, you can meet that challenge head-on. Bootstrap 3 is a mobile-first responsive design framework for structuring your website’s HTML. It includes a great grid system, responsive design, CSS typography and components to solve many of the most common design challenges that face web developers today.
What You will Learn?
- Use Bootstrap 3 as a design framework
- Use Bootstrap components
- Use Bootstrap typography
- Use Bootstrap plugins
Module 1: Course Overview
Module 2: Why Bootstrap 3
- Introduction
- Designers and Developers
- What is Bootstrap 3
- Tour of Bootstrap 3
- The Mobile Web
- Responsive Web Design
- Mobile First Responsive Web Design
- Bootstrapping of the Web
- Bootstrapping
- Summary
Module 3: Getting Started
- Introduction
- Getting Bootstrap
- Adding Bootstrap to Page
- What is the Grid System?
- Using the Grid System
- Multiple Grid Types
- Using Multiple Grids
- Offsets and Rows
- Images and Responsive Helpers
- Theming Bootstrap
- Customizing Bootstrap Package
- Summary
Module 4: Bootstrap 3 Basics
Module 5: Bootstrap Components
- Introduction
- Page Header and Breadcrumbs
- Button Groups
- Dropdowns
- Button Dropdowns
- Using a Dropdown for a Select
- Input Groups
- Pagination
- Thumbnails
- Panels
- Wells
- Summary
Module 6: Bootstrap Plugins
- Introduction
- Collapse
- Accordion
- Modal Markup
- Modal Events
- Tab
- Tooltip
- Alert
- Carousel Markup
- Carousel Indicators
- Carousel Navigation
- Carousel Captions
- Summary
Module 7: Migrating to Bootstrap 3
- Course Type : Pluralsight
- Level : Intermediate
- #/Modules: 7
- Duration : 3h 50m
- Topics :
- Updated : 11/13/2013