diff options
| author | Mark Otto <[email protected]> | 2013-08-15 10:54:32 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-15 10:54:32 -0700 |
| commit | 4002ac7e6577ab7b7b3db9c4237a40a40b567360 (patch) | |
| tree | 203760e00b159147d465943f287f560852f71cfb /getting-started.html | |
| parent | e550e113a03d66b13fdf1a352813e78eb27ad408 (diff) | |
| download | bootstrap-4002ac7e6577ab7b7b3db9c4237a40a40b567360.tar.xz bootstrap-4002ac7e6577ab7b7b3db9c4237a40a40b567360.zip | |
update to include nav link and mo betta docs on that last commit
Diffstat (limited to 'getting-started.html')
| -rw-r--r-- | getting-started.html | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/getting-started.html b/getting-started.html index 85d40b387..fc495aeae 100644 --- a/getting-started.html +++ b/getting-started.html @@ -133,6 +133,7 @@ bootstrap/ </div> <p class="lead">Don't want your site or application to be scale on different device? With a little bit of work you can disable the responsive features of Bootstrap so that mobile users see your full desktop-version site.</p> + <h3>Steps to disable responsive views</h3> <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 meta viewport mentioned in <a href="../css/#overview-mobile">the CSS docs</a></li> @@ -141,6 +142,8 @@ bootstrap/ </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> + <h3>Bootstrap template with disabled responsive</h3> + <p>We've taken the above steps and applied them to a basic template here. Note the steps above are called out in comments here, e.g. <code><-- 1. --></code>.</p> {% highlight html %} <!DOCTYPE html> <html> @@ -161,6 +164,13 @@ bootstrap/ <h1>Hello, world!</h1> + <!-- 3. When using grid columns, use the `.col-xs-*` classes --> + <div class="row"> + <div class="col-xs-4">One third</div> + <div class="col-xs-4">One third</div> + <div class="col-xs-4">One third</div> + </div> + <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="//code.jquery.com/jquery.js"></script> |