diff options
author | ITSERVICES\rb7147 <rb7147@att.com> | 2017-04-25 11:46:00 -0400 |
---|---|---|
committer | ITSERVICES\rb7147 <rb7147@att.com> | 2017-05-03 09:58:17 -0400 |
commit | e0addf5b588a1244f9679becd90999dfcb4c3a94 (patch) | |
tree | 1212772d6366730266ff0e093c874b07aa716c29 /POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/getting-started/disabling-responsiveness.html | |
parent | 39fb0f30472777e4b60d6a7ac8aa4eb9773961ff (diff) |
Policy 1707 commit to LF
Change-Id: Ibe6f01d92f9a434c040abb05d5386e89d675ae65
Signed-off-by: ITSERVICES\rb7147 <rb7147@att.com>
Diffstat (limited to 'POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/getting-started/disabling-responsiveness.html')
-rw-r--r-- | POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/getting-started/disabling-responsiveness.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/getting-started/disabling-responsiveness.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/getting-started/disabling-responsiveness.html new file mode 100644 index 000000000..f58befc1f --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/getting-started/disabling-responsiveness.html @@ -0,0 +1,22 @@ +<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 <a href="../examples/non-responsive/">this non-responsive example</a>.</p> + + <h2>Steps to disable page responsiveness</h2> + <ol> + <li>Omit the viewport <code><meta></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> + + <h2>Bootstrap template with responsiveness disabled</h2> + <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> |