diff --git a/getting-started.html b/getting-started.html index d0d6a2f286..85d40b3872 100644 --- a/getting-started.html +++ b/getting-started.html @@ -125,6 +125,57 @@ 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.

+ +

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. +
+

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.

+ +{% highlight html %} + + + + Disabling responsiveness in Bootstrap + + + + + + + + + + + +

Hello, world!

+ + + + + + + + + + + +{% endhighlight %} +
+ + +