0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-02 14:24:19 +01:00
Bootstrap/docs/getting-started/disable-responsive.md

14 lines
933 B
Markdown
Raw Normal View History

2014-07-12 11:06:05 +02:00
---
layout: page
title: Disable responsiveness
---
2014-03-17 03:03:53 +01:00
2014-07-12 11:06:05 +02:00
Bootstrap automatically adapts your pages for various screen sizes. Here's how to disable this feature so your page works like in [this non-responsive example](../examples/non-responsive/).
2014-03-17 03:03:53 +01:00
2014-07-12 11:06:05 +02:00
- Omit the viewport `<meta>`
- Override the `width` on the `.container` for each grid tier with a single width, for example `width: 970px !important;` 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, remove all navbar collapsing and expanding behavior.
- For grid layouts, use `.col-xs-*` classes in addition to, or in place of, the medium/large ones. Don't worry, the extra-small device grid scales to all resolutions.
2014-03-17 03:03:53 +01:00
2014-07-12 11:06:05 +02:00
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.