diff options
Diffstat (limited to 'docs/templates')
| -rw-r--r-- | docs/templates/pages/components.mustache | 22 |
1 files changed, 9 insertions, 13 deletions
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache index c90b2997e..aa1032c06 100644 --- a/docs/templates/pages/components.mustache +++ b/docs/templates/pages/components.mustache @@ -1321,11 +1321,16 @@ <div class="page-header"> <h1>{{_i}}Typographic components{{/i}} <small>{{_i}}Page header and hero unit for segmenting content{{/i}}</small></h1> </div> - <h2>{{_i}}Hero unit{{/i}}</h2> - <p>{{_i}}Bootstrap provides a lightweight, flexible component called a hero unit to showcase content on your site. It works well on marketing and content-heavy sites.{{/i}}</p> - <h3>{{_i}}Markup{{/i}}</h3> - <p>{{_i}}Wrap your content in a <code>div</code> like so:{{/i}}</p> + <h2>{{_i}}Hero unit{{/i}}</h2> + <p>{{_i}}A lightweight, flexible component called a hero unit to showcase content on your site. It works well on marketing and content-heavy sites.{{/i}}</p> + <div class="bs-docs-example"> + <div class="hero-unit"> + <h1>{{_i}}Hello, world!{{/i}}</h1> + <p>{{_i}}This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.{{/i}}</p> + <p><a class="btn btn-primary btn-large">{{_i}}Learn more{{/i}}</a></p> + </div> + </div> <pre class="prettyprint linenums"> <div class="hero-unit"> <h1>{{_i}}Heading{{/i}}</h1> @@ -1338,16 +1343,7 @@ </div> </pre> - <div class="bs-docs-example"> - <div class="hero-unit"> - <h1>{{_i}}Hello, world!{{/i}}</h1> - <p>{{_i}}This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.{{/i}}</p> - <p><a class="btn btn-primary btn-large">{{_i}}Learn more{{/i}}</a></p> - </div> - </div> - <h2>{{_i}}Page header{{/i}}</h2> - <p>{{_i}}A simple shell for an <code>h1</code> to appropriately space out and segment sections of content on a page. It can utilize the <code>h1</code>'s default <code>small</code>, element as well most other components (with additional styles).{{/i}}</p> <div class="bs-docs-example"> <div class="page-header"> |