From: Mark Otto Date: Mon, 19 Aug 2013 06:58:31 +0000 (-0700) Subject: don't repeat ourselves in the disabled responsiveness stuff X-Git-Tag: v3.0.0~44 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=de7cc0c17f2b4c01c05d2add7d55e20575605629;p=thirdparty%2Fbootstrap.git don't repeat ourselves in the disabled responsiveness stuff --- diff --git a/getting-started.html b/getting-started.html index 39377dd2db..1bc23d339e 100644 --- a/getting-started.html +++ b/getting-started.html @@ -277,53 +277,16 @@ bootstrap/

Remove (or just don't add) the viewport <meta> mentioned in the CSS docs
Remove the max-width on the .container for all grid tiers with 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.
If using navbars, undo all the navbar collapsing and expanding behavior (this is too much to show here, so peep the example).
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.

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.

Bootstrap template with disabled responsive

We've taken the above steps and applied them to a basic template here. Note the steps above are called out in comments here, e.g. <-- 1. -->.

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

Hello, world!

- - -

One third

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

We've taken the above steps and applied them to an example. Read it's source code to see the specific changes called out.

+ View non-responsive example +