<h3>Steps to disable page responsiveness</h3>
<ol>
<li>Omit the viewport <code><meta></code> mentioned in <a href="../css/#overview-mobile">the CSS docs</a></li>
- <li>Remove the <code>max-width</code> on the <code>.container</code> for all grids with <code>max-width: none !important;</code> and set a regular
- width, for example <code>width: 970px;</code>. Be sure that this comes after the default Bootstrap CSS.
+ <li>Remove the <code>max-width</code> on the <code>.container</code> for all grids with <code>max-width: none !important;</code> and set a regular
+ width, for example <code>width: 970px;</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.
+ <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).
+ <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>
<td><code>.text-error</code></td>
<td><code>.text-danger</code></td>
</tr>
+ <tr>
+ <td><code>.table .error</code></td>
+ <td><code>.table .danger</code></td>
+ </tr>
<tr>
<td><code>.bar</code></td>
<td><code>.progress-bar</code></td>