diff options
author | Mark Otto <markotto@twitter.com> | 2012-02-13 02:47:09 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-02-13 02:47:09 +0400 |
commit | 1b32e982ade1fc5275a851b711b45f6a0ed21b0c (patch) | |
tree | 75cf78b3ab5118ed214fcad38db7a528905c1352 /docs | |
parent | 0ff88f2db3b9fa4604886494a711d74652a2fb4f (diff) |
add hero-unit docs per #1880
Diffstat (limited to 'docs')
-rw-r--r-- | docs/assets/bootstrap.zip | bin | 52782 -> 52782 bytes | |||
-rw-r--r-- | docs/components.html | 37 | ||||
-rw-r--r-- | docs/templates/pages/components.mustache | 37 |
3 files changed, 74 insertions, 0 deletions
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip Binary files differindex a41a61541d..ca001c1e6c 100644 --- a/docs/assets/bootstrap.zip +++ b/docs/assets/bootstrap.zip diff --git a/docs/components.html b/docs/components.html index 37f1a6511c..10725024b4 100644 --- a/docs/components.html +++ b/docs/components.html @@ -98,6 +98,7 @@ </ul> </li> <li><a href="#labels">Labels</a></li> + <li><a href="#hero">Hero</a></li> <li><a href="#thumbnails">Thumbnails</a></li> <li><a href="#alerts">Alerts</a></li> <li><a href="#progress">Progress bars</a></li> @@ -1137,6 +1138,42 @@ +<!-- Hero unit +================================================== --> +<section id="hero"> + <div class="page-header"> + <h1>Hero unit <small>Jumbotron for your site's tagline</small></h1> + </div> + <div class="row"> + <div class="span4"> + <h2>About</h2> + <p>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.</p> + <h3>Markup</h3> + <p>Wrap your content in a <code>div</code> like so:</p> +<pre class="prettyprint linenums"> +<div class="hero-unit"> + <h1>Heading</h1> + <p>Tagline</p> + <p> + <a class="btn btn-primary btn-large"> + Learn more + </a> + </p> +</div> +</pre> + </div> + <div class="span8"> + <div class="hero-unit"> + <h1>Hello, world!</h1> + <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p> + <p><a class="btn btn-primary btn-large">Learn more</a></p> + </div> + </div> + </div> +</section> + + + <!-- Thumbnails ================================================== --> <section id="thumbnails"> diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache index c854ad0d01..003a3ae3c8 100644 --- a/docs/templates/pages/components.mustache +++ b/docs/templates/pages/components.mustache @@ -22,6 +22,7 @@ </ul> </li> <li><a href="#labels">{{_i}}Labels{{/i}}</a></li> + <li><a href="#hero">{{_i}}Hero{{/i}}</a></li> <li><a href="#thumbnails">{{_i}}Thumbnails{{/i}}</a></li> <li><a href="#alerts">{{_i}}Alerts{{/i}}</a></li> <li><a href="#progress">{{_i}}Progress bars{{/i}}</a></li> @@ -1061,6 +1062,42 @@ +<!-- Hero unit +================================================== --> +<section id="hero"> + <div class="page-header"> + <h1>{{_i}}Hero unit{{/i}} <small>{{_i}}Jumbotron for your site's tagline{{/i}}</small></h1> + </div> + <div class="row"> + <div class="span4"> + <h2>{{_i}}About{{/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> +<pre class="prettyprint linenums"> +<div class="hero-unit"> + <h1>{{_i}}Heading{{/i}}</h1> + <p>{{_i}}Tagline{{/i}}</p> + <p> + <a class="btn btn-primary btn-large"> + {{_i}}Learn more{{/i}} + </a> + </p> +</div> +</pre> + </div> + <div class="span8"> + <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> + </div> +</section> + + + <!-- Thumbnails ================================================== --> <section id="thumbnails"> |