From 7c0c51c9d66d20da3c8d607ff94fd27c5f8e0ec0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jul 2014 01:52:44 -0700 Subject: move remaining getting started files to new folder --- .../getting-started/disabling-responsiveness.html | 22 ---------------------- 1 file changed, 22 deletions(-) delete mode 100644 docs/_includes/getting-started/disabling-responsiveness.html (limited to 'docs/_includes/getting-started/disabling-responsiveness.html') diff --git a/docs/_includes/getting-started/disabling-responsiveness.html b/docs/_includes/getting-started/disabling-responsiveness.html deleted file mode 100644 index d154e204d..000000000 --- a/docs/_includes/getting-started/disabling-responsiveness.html +++ /dev/null @@ -1,22 +0,0 @@ -
-

Disabling responsiveness

- -

Bootstrap automatically adapts your pages for various screen sizes. - Here's how to disable this feature so your page works like in this non-responsive example.

- -

Steps to disable page responsiveness

-
    -
  1. Omit the viewport <meta> mentioned in the CSS docs
    2. -
  2. 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.
    3. -
  3. If using navbars, remove all navbar collapsing and expanding behavior.
    4. -
  4. 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.
    5. -
-

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.

- -

Bootstrap template with responsiveness disabled

-

We've applied these steps to an example. Read its source code to see the specific changes implemented.

-

- View non-responsive example -

-
-- cgit v1.2.3