aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/getting-started/disabling-responsiveness.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-07-12 01:52:44 -0700
committerMark Otto <[email protected]>2014-07-12 01:52:44 -0700
commit7c0c51c9d66d20da3c8d607ff94fd27c5f8e0ec0 (patch)
tree5424e5d5f9f5dcacd3e1de3444993f1b7bbe9fc6 /docs/_includes/getting-started/disabling-responsiveness.html
parenta2c5febdb21f254d09c6eb33c84536b830adb054 (diff)
downloadbootstrap-7c0c51c9d66d20da3c8d607ff94fd27c5f8e0ec0.tar.xz
bootstrap-7c0c51c9d66d20da3c8d607ff94fd27c5f8e0ec0.zip
move remaining getting started files to new folder
Diffstat (limited to 'docs/_includes/getting-started/disabling-responsiveness.html')
-rw-r--r--docs/_includes/getting-started/disabling-responsiveness.html22
1 files changed, 0 insertions, 22 deletions
diff --git a/docs/_includes/getting-started/disabling-responsiveness.html b/docs/_includes/getting-started/disabling-responsiveness.html
deleted file mode 100644
index d154e204d..000000000
--- a/docs/_includes/getting-started/disabling-responsiveness.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="bs-docs-section">
- <h1 id="disable-responsive" class="page-header">Disabling responsiveness</h1>
-
- <p class="lead">Bootstrap automatically adapts your pages for various screen sizes.
- Here's how to disable this feature so your page works like in <a href="../examples/non-responsive/">this non-responsive example</a>.</p>
-
- <h3>Steps to disable page responsiveness</h3>
- <ol>
- <li>Omit the viewport <code>&lt;meta&gt;</code> mentioned in <a href="../css/#overview-mobile">the CSS docs</a></li>
- <li>Override the <code>width</code> on the <code>.container</code> for each grid tier with a single width, for example <code>width: 970px !important;</code> Be sure that this comes after the default Bootstrap CSS. You can optionally avoid the <code>!important</code> with media queries or some selector-fu.</li>
- <li>If using navbars, remove all navbar collapsing and expanding behavior.</li>
- <li>For grid layouts, use <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 to all resolutions.</li>
- </ol>
- <p>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.</p>
-
- <h3>Bootstrap template with responsiveness disabled</h3>
- <p>We've applied these steps to an example. Read its source code to see the specific changes implemented.</p>
- <p>
- <a href="../examples/non-responsive/" class="btn btn-primary">View non-responsive example</a>
- </p>
-</div>