From 0862d1410ec9347a75915c4eb0dc59447cb46dad Mon Sep 17 00:00:00 2001 From: Steven Black Date: Fri, 27 Feb 2015 20:36:51 +0200 Subject: Accessibility and headings hierarchy for the "Getting started" page. Closes #15946 by merging it. --- docs/_includes/getting-started/disabling-responsiveness.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (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 index 6102e02f3..f58befc1f 100644 --- a/docs/_includes/getting-started/disabling-responsiveness.html +++ b/docs/_includes/getting-started/disabling-responsiveness.html @@ -4,7 +4,7 @@

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

-

Steps to disable page responsiveness

+

Steps to disable page responsiveness

  1. Omit the viewport <meta> mentioned in the CSS docs
  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. @@ -14,7 +14,7 @@

    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

    +

    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