Bootstrap automatically adapts your pages for various screen sizes. Here's how to disable this feature so your page works like this non-responsive example.
<meta>mentioned in the CSS docs
.containerfor 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
!importantwith media queries or some selector-fu.
.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.
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.
We've applied these steps to an example. Read its source code to see the specific changes implemented.
View non-responsive example