From 0a78e7907d4082452e2bd41a0adf87ab3807675d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 3 Sep 2013 15:49:03 -0700 Subject: fixes #10406: Update grid to use width on .container instead of max-width as IE8 improperly computes width --- getting-started.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index 321def3f7..091c71c2b 100644 --- a/getting-started.html +++ b/getting-started.html @@ -275,12 +275,9 @@ bootstrap/

Steps to disable page responsiveness

  1. Omit the viewport <meta> mentioned in the CSS docs
  2. -
  3. Remove the max-width on the .container for all grids with max-width: none !important; and set a regular - width, for example width: 970px;. Be sure that this comes after the default Bootstrap CSS. - You can optionally avoid the !important with media queries or some selector-fu.
  4. +
  5. Override the width on the .container for each grid tier with a single width, for example width: 970px !important; Be sure that this comes after the default Bootstrap CSS. You can optionally avoid the !important with media queries or some selector-fu.
  6. If using navbars, remove all navbar collapsing and expanding behavior.
  7. -
  8. For grid layouts, use .col-xs-* classes in addition to, or in place of, the medium/large ones. - Don't worry, the extra-small device grid scales to all resolutions.
  9. +
  10. For grid layouts, use .col-xs-* classes in addition to, or in place of, the medium/large ones. Don't worry, the extra-small device grid scales to all resolutions.

You'll still need Respond.js for IE8 (since our media queries are still there and need to be processed). This disables the "mobile site" aspects of Bootstrap.

@@ -710,6 +707,9 @@ bootstrap/

Visit Can I use... for details and additional browser support of CSS3 and HTML5 features.

+

Internet Explorer 8 and box-sizing

+

IE8 does not fully support box-sizing: border-box; when combined with min-width, max-width, min-height, and max-height. For that reason, as of v3.0.1, we have moved from max-width on .containers.

+

IE Compatibility modes

Bootstrap is not supported in the old Internet Explorer compatibility modes. To be sure you're using the latest rendering mode for IE, consider including the appropriate <meta> tag in your pages:

{% highlight html %} -- cgit v1.2.3