diff options
| author | Chris Rebert <[email protected]> | 2013-08-15 12:01:52 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2013-08-15 12:01:53 -0700 |
| commit | 5a4401ac91f456de749738eea32745ff315dfab2 (patch) | |
| tree | 0e9ba53b76d2c4821f0408a5feaf841cf674707c /getting-started.html | |
| parent | 4b350f8b79710d388ff8c711fba7a877812a6c1e (diff) | |
| download | bootstrap-5a4401ac91f456de749738eea32745ff315dfab2.tar.xz bootstrap-5a4401ac91f456de749738eea32745ff315dfab2.zip | |
copyediting tweaks to "Disabling responsiveness" docs
Diffstat (limited to 'getting-started.html')
| -rw-r--r-- | getting-started.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/getting-started.html b/getting-started.html index fc495aeae..9c51e9574 100644 --- a/getting-started.html +++ b/getting-started.html @@ -131,14 +131,14 @@ bootstrap/ <div class="page-header"> <h1 id="disable-responsive">Disabling responsiveness</h1> </div> - <p class="lead">Don't want your site or application to be scale on different device? With a little bit of work you can disable the responsive features of Bootstrap so that mobile users see your full desktop-version site.</p> + <p class="lead">Don't want your site or application to be scale on different device? With a little bit of work, you can disable the responsive features of Bootstrap so that mobile users see your full desktop-version site.</p> <h3>Steps to disable responsive views</h3> <p>To disable responsive features, follow these steps. See it in action in the modified template below.</p> <ol> - <li>Remove (or just don't add) the meta viewport mentioned in <a href="../css/#overview-mobile">the CSS docs</a></li> - <li>Force a single <code>max-width</code> on the <code>.container</code> (e.g., <code>.container { max-width: 940px; }</code>). Be sure this comes after the default Bootstrap CSS otherwise you'll need <code>!important</code>.</li> - <li>For grid layouts, make use of <code>.col-xs-*</code> 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.</li> + <li>Remove (or just don't add) the viewport <code><meta></code> mentioned in <a href="../css/#overview-mobile">the CSS docs</a></li> + <li>Force a single <code>max-width</code> on the <code>.container</code> (e.g., <code>.container { max-width: 940px; }</code>). Be sure that this comes after the default Bootstrap CSS; otherwise, you'll need <code>!important</code>.</li> + <li>For grid layouts, make use of <code>.col-xs-*</code> 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.</li> </ol> <p>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.</p> |