diff --git a/getting-started.html b/getting-started.html index fc495aeaec..9c51e95741 100644 --- a/getting-started.html +++ b/getting-started.html @@ -131,14 +131,14 @@ bootstrap/ -

Don't want your site or application to be scale on different device? With a little bit of work you can disable the responsive features of Bootstrap so that mobile users see your full desktop-version site.

+

Don't want your site or application to be scale on different device? With a little bit of work, you can disable the responsive features of Bootstrap so that mobile users see your full desktop-version site.

Steps to disable responsive views

To disable responsive features, follow these steps. See it in action in the modified template below.

    -
  1. Remove (or just don't add) the meta viewport mentioned in the CSS docs
  2. -
  3. Force a single max-width on the .container (e.g., .container { max-width: 940px; }). Be sure this comes after the default Bootstrap CSS otherwise you'll need !important.
  4. -
  5. For grid layouts, make use of .col-xs-* classes in addition to or in place of the medium/large ones. Don't worry, the extra small device grid scales up to all resolutions, so you're set there.
  6. +
  7. Remove (or just don't add) the viewport <meta> mentioned in the CSS docs
  8. +
  9. Force a single max-width on the .container (e.g., .container { max-width: 940px; }). Be sure that this comes after the default Bootstrap CSS; otherwise, you'll need !important.
  10. +
  11. For grid layouts, make use of .col-xs-* classes in addition to or in place of the medium/large ones. Don't worry, the extra-small device grid scales up to all resolutions, so you're set there.

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