Upcoming 3.0 changes

While our last major version bump (2.0) was a complete rewrite of the docs, CSS, and JavaScript, the move to 3.0 is not quite as ambitious. This is an ongoing document to identify the changes we'll be making along the way.

Docs

• Consolidated the Scaffolding and Base CSS pages into a new CSS page. Helps simplify where to find CSS-related things and removes a bunch of overhead in the docs.

Global CSS

• Dropped support for IE7. Removed all * hacks, such as *zoom: 1;, and other IE7-specific lines of CSS.
• Dropped support for Firefox 3.6. Removed -moz-box-shadow instances and button inner padding hacks.
• All variables now use dashes instead of camelCase. For example, it's now @body-background instead of @bodyBackground.
• Responsive CSS is no longer separate. All responsive features are now compiled into the core bootstrap.css file. Separate files are no longer required, and have thus been removed.
• Removed all color variables (e.g., @blue, @orange, etc). New, more meaningful variables are on their way (such as @state-warning-text).
• Removed .border-radius() and .border-*-*-radius mixins. As only Android 2.1, iOS 3.2, and older desktop browsers require a prefixed version, we've removed the base mixin. Since we no longer require prefixes for independent corners, we've dropped those mixins as well. Mixins for a single side, however, are still in use.
• Removed layouts.less. Since it only held styles .container and .container-fluid, and the fluid container has been removed (see next section), we move the default .container styles to grid.less.

Layout and grid system

• Dropped all things fluid. We removed the fluid grid system, fluid container, and fluid layout.
• Overhauled default grid system. Now uses percentage widths, padding, and box-sizing: border-box instead of pixel widths and margins. Nesting and offsets remain the same.
• Removed dedicated table grid system classes.
• .container now uses max-width instead of width. Helps resolve some issues with containers in components like navbars.

Type

• Dropped the @altFontFamily variable.

Thumbnails

• Dropped the .thumbnails meta component. Instead of special HTML and CSS for grid sizing, just use the grid system itself.
• Individual .thumbnail styles are still available, but for sizing, require a parent with a set width (e.g., grid columns).