From 6c765ac8211536e9701e996416b8a5296590d5fd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Aug 2013 15:02:38 -0700 Subject: add nonresponsive template to examples --- getting-started.html | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index ea5f96e61..b83ec90dd 100644 --- a/getting-started.html +++ b/getting-started.html @@ -234,6 +234,13 @@ bootstrap/

Carousel

Customize the navbar and carousel, then add some new components.

+ +

Non-responsive Bootstrap

Easily disable the responsiveness of Bootstrap per our docs.

-- cgit v1.2.3 From 4f97df8aa42d2609efd52ea21f1e84124afbe39d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Aug 2013 15:07:53 -0700 Subject: update non-responsive docs and example to really disable it --- getting-started.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'getting-started.html') diff --git a/getting-started.html b/getting-started.html index b83ec90dd..68dfedab4 100644 --- a/getting-started.html +++ b/getting-started.html @@ -260,7 +260,7 @@ bootstrap/

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

Remove (or just don't add) the viewport <meta> mentioned in the CSS docs
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.
Remove the max-width on the .container for all grid tiers with .container { max-width: none !important; } and set a regular width like width: 970px;. Be sure that this comes after the default Bootstrap CSS. You can optionally avoid the !important with media queries or some selector-fu.
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.

@@ -280,7 +280,10 @@ bootstrap/ -- cgit v1.2.3