The Grid

Differences Between Scaffolding & Bootstrap

Scaffolding uses an almost identical grid to Bootstrap 3, with one exception: Scaffolding is designed to support IE7+, while Bootstrap 3 is really targeted at IE9+ (with some support for IE8). In order to keep native support for IE7 & IE8 just a little bit longer, we've made the following changes:

• box-sizing: border-box; is only used in Scaffolding for IE9+
• IE8 supports box-sizing: border-box;, but not when used with max-width, which we need to keep our grid responsive. Bootstrap 3 handles this by making specific grid breakpoints with a fixed-width container. We'd prefer to keep our grid truly responsive, so instead we've set the breakpoints to only apply to IE8 and below.

**You can track the worldwide usage statistics for IE8 by visiting http://theie8countdown.com/. Once IE8 accounts for <1% of all traffic in the US and Worldwide, we'll likely update this practice.