aboutsummaryrefslogtreecommitdiff
path: root/getting-started.html
diff options
context:
space:
mode:
authorfat <[email protected]>2013-08-17 20:29:36 -0700
committerfat <[email protected]>2013-08-17 20:29:36 -0700
commit47fcb322eb3e31a625eacf77650194ba87aa6b9a (patch)
treea5240379f6ad1cee6038b30448867d8dc9d9ac43 /getting-started.html
parent734b6acf132d339995462b8949ab1d2fc9524cd1 (diff)
parentd9e38312d24dc947ef479539fe2252f29bd1090d (diff)
downloadbootstrap-47fcb322eb3e31a625eacf77650194ba87aa6b9a.tar.xz
bootstrap-47fcb322eb3e31a625eacf77650194ba87aa6b9a.zip
Merge branch '3.0.0-wip' of github.com:twbs/bootstrap into 3.0.0-wip
Diffstat (limited to 'getting-started.html')
-rw-r--r--getting-started.html10
1 files changed, 9 insertions, 1 deletions
diff --git a/getting-started.html b/getting-started.html
index fda396a9e..31e05f41c 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -241,7 +241,15 @@ bootstrap/
<h4>Non-responsive Bootstrap</h4>
<p>Easily disable the responsiveness of Bootstrap <a href="../getting-started/#disable-responsive">per our docs</a>.</p>
</div>
+ <div class="clearfix visible-xs"></div>
+ <div class="col-xs-6 col-md-4">
+ <a class="thumbnail" href="../examples/theme/">
+ <img src="../examples/screenshots/theme.jpg" alt="">
+ </a>
+ <h4>Bootstrap theme</h4>
+ <p>Load the optional Bootstrap theme for a visually enhanced experience.</p>
+ </div>
</div>
</div>
@@ -260,7 +268,7 @@ bootstrap/
<p>To disable responsive features, follow these steps. See it in action in the modified template below.</p>
<ol>
<li>Remove (or just don't add) the viewport <code>&lt;meta&gt;</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 grid tiers with <code>.container { max-width: none !important; }</code> and set a regular width like <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>Remove the <code>max-width</code> on the <code>.container</code> for all grid tiers with <code>max-width: none !important;</code> and set a regular width like <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>For grid layouts, make use of <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 up to all resolutions, so you're set there.</li>
</ol>
<p>You'll still need respond.js for IE8 (since our media queries are still there and need to be picked up). This just disables the "mobile site" of Bootstrap.</p>