Rough outline
- Docs completely overhauled
- Responsive thanks to new grid system
- Now less marketing and more information
- Extensive use of tables to share classes and elements of most components
- Broken down into several pages for easier consumption
- Updated grid system, now only 12 columns
- Same great classes, but now only 12 columns
- Responsive approach means your projects virtually work out of the box on smartphones, tablets, and more
- New thumbnails (previously media grids)
.media-grid class has been changed to .thumbnails- Individual thumbnails now require
.thumbnail class
- Updated forms
- Default form style is now stacked to use less CSS and add flexibility
- Exact same markup is required for vertical or horizontal forms—just swap the classes
- New form defaults for search, inline, vertical, and horizontal
- Updated tables
- Table classes made more consistent
- Removed unused table color options (too much code for such little impact)
- Typography
- Right-aligned option for blockquotes if float: right;
h4 elements were dropped from 16px to 14px with a default line-height of 18pxh5 elements were dropped from 14px to 12pxh6 elements were dropped from 13px to 11px
- Buttons
- Examples
- Fluid examples redone.
.fluid-container now requires a .sidebar-left or .sidebar-right as well. Fluid sidebar element has a new class, .fluid-sidebar.
- Dropdown menus
- Updated the
.dropdown-menu to tighten up spacing
- Now requires you to add a
<span class="caret"></span> to show the dropdown arrow
- Navigation
- Tabs and pills now require the use of a new base class,
.nav, on their <ul>
- New nav list component added that uses the same base class,
.nav
- Vertical tabs and pills have been added—just add
.stacked to the <ul>
- Pills were restyled to be less rounded by default
- Pills now have dropdown menu support (they share the same markup and styles as tabs)