diff options
Diffstat (limited to 'docs/scaffolding.html')
| -rw-r--r-- | docs/scaffolding.html | 26 |
1 files changed, 12 insertions, 14 deletions
diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 29491c118..caffa6af6 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -20,6 +20,7 @@ <!-- Le fav and touch icons --> <link rel="shortcut icon" href="assets/ico/favicon.ico"> + <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png"> @@ -39,7 +40,7 @@ <span class="icon-bar"></span> </a> <a class="brand" href="./index.html">Bootstrap</a> - <div class="nav-collapse"> + <div class="nav-collapse collapse"> <ul class="nav"> <li class=""> <a href="./index.html">Overview</a> @@ -172,7 +173,7 @@ <div class="row"> <div class="span4"> <p>The default grid system provided as part of Bootstrap is a <strong>940px-wide, 12-column grid</strong>.</p> - <p>It also has four responsive variations for various devices and resolutions: phone, tablet portrait, table landscape and small desktops, and large widescreen desktops.</p> + <p>It also has four responsive variations for various devices and resolutions: phone, tablet portrait, tablet landscape and small desktops, and large widescreen desktops.</p> </div><!-- /.span --> <div class="span4"> <pre class="prettyprint linenums"> @@ -183,7 +184,7 @@ </pre> </div><!-- /.span --> <div class="span4"> - <p>As shown here, a basic layout can be created with two "columns," each spanning a number of the 12 foundational columns we defined as part of our grid system.</p> + <p>As shown here, a basic layout can be created with two "columns", each spanning a number of the 12 foundational columns we defined as part of our grid system.</p> </div><!-- /.span --> </div><!-- /.row --> @@ -374,11 +375,6 @@ <td>20px</td> <td>Negative space between columns</td> </tr> - <tr> - <td><code>@siteWidth</code></td> - <td><em>Computed sum of all columns and gutters</em></td> - <td>Counts number of columns and gutters to set width of the <code>.container-fixed()</code> mixin</td> - </tr> </tbody> </table> <div class="row"> @@ -537,13 +533,13 @@ @media (max-width: 480px) { ... } // Landscape phone to portrait tablet - @media (max-width: 768px) { ... } + @media (max-width: 767px) { ... } // Portrait tablet to landscape and desktop - @media (min-width: 768px) and (max-width: 980px) { ... } + @media (min-width: 768px) and (max-width: 979px) { ... } // Large desktop - @media (min-width: 1200px) { .. } + @media (min-width: 1200px) { ... } </pre> </div><!-- /.span --> </div><!-- /.row --> @@ -554,7 +550,7 @@ <div class="row"> <div class="span4"> <h3>What are they</h2> - <p>For faster mobile-friendly development, use these basic utility classes for showing and hidding content by device.</p> + <p>For faster mobile-friendly development, use these basic utility classes for showing and hiding content by device.</p> <h3>When to use</h2> <p>Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation.</p> <p>For example, you might show a <code><select></code> element for nav on mobile layouts, but not on tablets or desktops.</p> @@ -611,14 +607,16 @@ </tbody> </table> <h3>Test case</h3> - <p>Resize your browser or load on different devices to test the above clases.</p> + <p>Resize your browser or load on different devices to test the above classes.</p> <h4>Visible on...</h4> + <p>Green checkmarks indicate that class is visible in your current viewport.</p> <ul class="responsive-utilities-test"> <li>Phone<span class="visible-phone">✔ Phone</span></li> <li>Tablet<span class="visible-tablet">✔ Tablet</span></li> <li>Desktop<span class="visible-desktop">✔ Desktop</span></li> </ul> <h4>Hidden on...</h4> + <p>Here, green checkmarks indicate that class is hidden in your current viewport.</p> <ul class="responsive-utilities-test hidden-on"> <li>Phone<span class="hidden-phone">✔ Phone</span></li> <li>Tablet<span class="hidden-tablet">✔ Tablet</span></li> @@ -627,7 +625,7 @@ </div><!-- /.span --> </div><!-- /.row --> - + <div class="row"> <div class="span4"> </div><!-- /.span --> |