Overview

• HTML5 doctype
• Mobile first
• Typography and links
• Normalize.css
• Containers

Grid system

• Introduction
• Media queries
• Grid options
• Ex: Stacked-to-horizontal
• Ex: Fluid container
• Ex: Mobile and desktop
• Ex: Mobile, tablet, desktop
• Ex: Column wrapping
• Responsive column resets
• Remove gutters
• Offsetting columns
• Nesting columns
• Column ordering
• Less mixins and variables

Typography

• Headings
• Body copy
• Inline text elements
• Alignment classes
• Transformation classes
• Abbreviations
• Addresses
• Blockquotes
• Lists

Code

• Inline
• User input
• Basic block
• Variables
• Sample output

Tables

• Basic example
• Striped rows
• Bordered table
• Hover rows
• Condensed table
• Contextual classes
• Responsive tables

Forms

• Basic example
• Inline form
• Horizontal form
• Supported controls
• Static control
• Focus state
• Disabled state
• Readonly state
• Help text
• Validation states
• Control sizing

Buttons

• Button tags
• Options
• Sizes
• Active state
• Disabled state

Images

• Responsive images
• Image shapes

Helper classes

• Contextual colors
• Contextual backgrounds
• Close icon
• Carets
• Quick floats
• Center content blocks
• Clearfix
• Showing and hiding content
• Screen reader and keyboard navigation content
• Image replacement

Responsive utilities

• Available classes
• Print classes
• Test cases

Using Less

• Compiling Bootstrap
• Variables
• Vendor mixins
• Utility mixins

Using Sass

• What's included
• Installation