From 95bd06cca64139cd7738dbc536c0576bc6fb6dc7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jul 2014 02:06:05 -0700 Subject: [PATCH] markdown for disable responsive --- docs/getting-started/disable-responsive.md | 29 ++++++++-------------- 1 file changed, 10 insertions(+), 19 deletions(-) diff --git a/docs/getting-started/disable-responsive.md b/docs/getting-started/disable-responsive.md index d154e204dc..33b3516f32 100644 --- a/docs/getting-started/disable-responsive.md +++ b/docs/getting-started/disable-responsive.md @@ -1,22 +1,13 @@ -
-

Disabling responsiveness

+--- +layout: page +title: Disable 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.

+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](../examples/non-responsive/). -

Steps to disable page responsiveness

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

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.

+- Omit the viewport `` +- 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. +- If using navbars, remove all navbar collapsing and expanding behavior. +- 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. -

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 -

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