diff options
Diffstat (limited to 'docs/templates/pages/scaffolding.mustache')
-rw-r--r-- | docs/templates/pages/scaffolding.mustache | 51 |
1 files changed, 25 insertions, 26 deletions
diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache index 13c777a260..1088cc7753 100644 --- a/docs/templates/pages/scaffolding.mustache +++ b/docs/templates/pages/scaffolding.mustache @@ -1,19 +1,19 @@ - <!-- Masthead - ================================================== --> - <header class="jumbotron subhead" id="overview"> - <h1>{{_i}}Scaffolding{{/i}}</h1> - <p class="lead">{{_i}}Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.{{/i}}</p> - <div class="subnav"> - <ul class="nav nav-pills"> - <li><a href="#global">{{_i}}Global styles{{/i}}</a></li> - <li><a href="#gridSystem">{{_i}}Grid system{{/i}}</a></li> - <li><a href="#fluidGridSystem">{{_i}}Fluid grid system{{/i}}</a></li> - <li><a href="#gridCustomization">{{_i}}Customizing{{/i}}</a></li> - <li><a href="#layouts">{{_i}}Layouts{{/i}}</a></li> - <li><a href="#responsive">{{_i}}Responsive design{{/i}}</a></li> - </ul> - </div> - </header> +<!-- Masthead +================================================== --> +<header class="jumbotron subhead" id="overview"> + <h1>{{_i}}Scaffolding{{/i}}</h1> + <p class="lead">{{_i}}Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.{{/i}}</p> + <div class="subnav"> + <ul class="nav nav-pills"> + <li><a href="#global">{{_i}}Global styles{{/i}}</a></li> + <li><a href="#gridSystem">{{_i}}Grid system{{/i}}</a></li> + <li><a href="#fluidGridSystem">{{_i}}Fluid grid system{{/i}}</a></li> + <li><a href="#gridCustomization">{{_i}}Customizing{{/i}}</a></li> + <li><a href="#layouts">{{_i}}Layouts{{/i}}</a></li> + <li><a href="#responsive">{{_i}}Responsive design{{/i}}</a></li> + </ul> + </div> +</header> @@ -95,8 +95,7 @@ </div> <div class="row"> <div class="span4"> - <p>{{_i}}The default grid system provided as part of Bootstrap is a <strong>940px-wide, 12-column grid</strong>.{{/i}}</p> - <p>{{_i}}It also has four responsive variations for various devices and resolutions: phone, tablet portrait, tablet landscape and small desktops, and large widescreen desktops.{{/i}}</p> + <p>{{_i}}The default grid system provided in Bootstrap utilizes <strong>12 columns</strong> that render out at widths of 724px, 940px (default without responsive CSS included), and 1170px. Below 767px viewports, the columns become fluid and stack vertically. {{/i}}</p> </div><!-- /.span --> <div class="span4"> <pre class="prettyprint linenums"> @@ -157,11 +156,11 @@ <div class="span6"> <pre class="prettyprint linenums"> <div class="row"> - <div class="span12"> - {{_i}}Level 1 of column{{/i}} + <div class="span6"> + {{_i}}Level 1 column{{/i}} <div class="row"> - <div class="span6">{{_i}}Level 2{{/i}}</div> - <div class="span6">{{_i}}Level 2{{/i}}</div> + <div class="span3">{{_i}}Level 2{{/i}}</div> + <div class="span3">{{_i}}Level 2{{/i}}</div> </div> </div> </div> @@ -452,16 +451,16 @@ </div><!-- /.span --> <div class="span8"> <pre class="prettyprint linenums"> - // {{_i}}Landscape phones and down{{/i}} + /* {{_i}}Landscape phones and down{{/i}} */ @media (max-width: 480px) { ... } - // {{_i}}Landscape phone to portrait tablet{{/i}} + /* {{_i}}Landscape phone to portrait tablet{{/i}} */ @media (max-width: 767px) { ... } - // {{_i}}Portrait tablet to landscape and desktop{{/i}} + /* {{_i}}Portrait tablet to landscape and desktop{{/i}} */ @media (min-width: 768px) and (max-width: 979px) { ... } - // {{_i}}Large desktop{{/i}} + /* {{_i}}Large desktop{{/i}} */ @media (min-width: 1200px) { ... } </pre> </div><!-- /.span --> |