diff options
| author | Mark Otto <[email protected]> | 2012-01-29 02:27:45 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-29 02:27:45 -0800 |
| commit | 059ff6bcbd48f18431ed66e4b1b2a97a9567b9f7 (patch) | |
| tree | 0e7134ed7600f86596acd05cb57329fa3d71045a /docs | |
| parent | 7bf27674523c35f8803311a964dc72a7093351c0 (diff) | |
| download | bootstrap-059ff6bcbd48f18431ed66e4b1b2a97a9567b9f7.tar.xz bootstrap-059ff6bcbd48f18431ed66e4b1b2a97a9567b9f7.zip | |
update hero example and examples overview
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/examples.html | 58 | ||||
| -rw-r--r-- | docs/templates/pages/examples.mustache | 58 |
2 files changed, 88 insertions, 28 deletions
diff --git a/docs/examples.html b/docs/examples.html index 70a1a54dd..7d79fc0a0 100644 --- a/docs/examples.html +++ b/docs/examples.html @@ -82,20 +82,50 @@ </header> - -<!-- EXAMPLES -================================================== --> -<section id="examples"> - <div class="page-header"> - <h1>Examples from 1.x</h1> - </div> - -<p><a href="../examples/container-app.html">Container app</a></p> -<p><a href="../examples/fluid.html">Fluid layout</a></p> -<p><a href="../examples/fluid-reverse.html">Reversed fluid layout</a></p> -<p><a href="../examples/hero.html">Hero marketing site</a></p> - -</section> +<ul class="thumbnails bootstrap-examples"> + <li class="span4"> + <a href="../examples/hero.html" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Basic marketing site</h3> + <p></p> + </li> + <li class="span4"> + <a href="../examples/fluid.html" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Fluid layout</h3> + <p></p> + </li> + <li class="span4"> + <a href="../examples/fluid-reverse.html" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Fluid layout reversed</h3> + <p></p> + </li> + <li class="span4"> + <a href="../examples/container-app.html" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Container application</h3> + <p></p> + </li> + <li class="span4"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Fullscreen</h3> + <p></p> + </li> + <li class="span4"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Simple layout</h3> + <p></p> + </li> +</ul> <!-- Footer diff --git a/docs/templates/pages/examples.mustache b/docs/templates/pages/examples.mustache index 3c102bef2..850ac0fa6 100644 --- a/docs/templates/pages/examples.mustache +++ b/docs/templates/pages/examples.mustache @@ -10,17 +10,47 @@ </header> - -<!-- EXAMPLES -================================================== --> -<section id="examples"> - <div class="page-header"> - <h1>{{_i}}Examples from 1.x{{/i}}</h1> - </div> - -<p><a href="../examples/container-app.html">Container app</a></p> -<p><a href="../examples/fluid.html">Fluid layout</a></p> -<p><a href="../examples/fluid-reverse.html">Reversed fluid layout</a></p> -<p><a href="../examples/hero.html">Hero marketing site</a></p> - -</section> +<ul class="thumbnails bootstrap-examples"> + <li class="span4"> + <a href="../examples/hero.html" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Basic marketing site</h3> + <p></p> + </li> + <li class="span4"> + <a href="../examples/fluid.html" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Fluid layout</h3> + <p></p> + </li> + <li class="span4"> + <a href="../examples/fluid-reverse.html" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Fluid layout reversed</h3> + <p></p> + </li> + <li class="span4"> + <a href="../examples/container-app.html" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Container application</h3> + <p></p> + </li> + <li class="span4"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Fullscreen</h3> + <p></p> + </li> + <li class="span4"> + <a href="#" class="thumbnail"> + <img src="http://placehold.it/360x240" alt=""> + </a> + <h3>Simple layout</h3> + <p></p> + </li> +</ul> |