Bootstrap 3 Essential Training

Introduction

• Welcome
• Using the exercise files

1. Getting Started

• Introduction and installation options
• Creating a basic template using CDNs
• Downloading and installing manually

2. Working with the Bootstrap Grid

• Understanding Bootstrap containers
• Working with rows
• Creating columns
• Using multiple column classes
• Resetting columns
• Offsetting columns
• Nesting columns
• Customizing column order with push and pull

3. Exploring Basic Bootstrap CSS Classes

• Styling headings and body copy
• Analyzing inline text styles
• Modifying alignment,transformation, and abbreviations
• Using blockquotes
• Working with list styles
• Styling code

4. Adding Other CSS Styles

• Working with Bootstrap buttons
• Exploring table styles
• Adding image classes
• Understanding Bootstrap helper classes
• Using responsive utilities

5. Styling Forms

• Creating a basic form
• Formatting radio and checkbox controls
• Using inline forms
• Styling a horizontal form
• Using validation styles
• Using input groups
• Using miscellaneous styles and sizing
• Using icons

6. Navigation Components

• Creating a dropdown
• Using button groups
• Understanding the Bootstrap nav component
• Adding content to the navbar
• Collapsing your navigation
• Using breadcrumbs and pagination styles

7. Media Components

• Creating a Jumbotron and page header
• Working with labels and badges
• Using the thumbnail style
• Adding media styles
• Flowing video with responsive embeds

8. Content Containers

• Styling list groups
• Working with panels
• Using wells

9. Using JavaScript Components

• Creating a carousel
• Creating modals
• Controlling tabs with JavaScript
• Crafting collapsible content and accordions
• Creating a tooltip
• Adding a popover
• Controlling menus with ScrollFix/Affix

Conclusion

• Next steps