aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-07-08 04:00:35 -0700
committerMark Otto <[email protected]>2014-07-08 04:00:35 -0700
commit9c319d67ee96d0e417098fcb8206413f7a3ed7d3 (patch)
tree70e6e0033d7062ec4ec761dff617c1cdcb02fd37 /docs/_includes
parent527eccaa9f344c555e33f5324775cf2e24e9bf55 (diff)
downloadbootstrap-9c319d67ee96d0e417098fcb8206413f7a3ed7d3.tar.xz
bootstrap-9c319d67ee96d0e417098fcb8206413f7a3ed7d3.zip
Drop: Thumbnails completely, as they'll be replaced
Diffstat (limited to 'docs/_includes')
-rw-r--r--docs/_includes/components/thumbnails.html93
-rw-r--r--docs/_includes/nav/components.html7
2 files changed, 0 insertions, 100 deletions
diff --git a/docs/_includes/components/thumbnails.html b/docs/_includes/components/thumbnails.html
deleted file mode 100644
index 3b6dfce43..000000000
--- a/docs/_includes/components/thumbnails.html
+++ /dev/null
@@ -1,93 +0,0 @@
-<div class="bs-docs-section">
- <h1 id="thumbnails" class="page-header">Thumbnails</h1>
-
- <p class="lead">Extend Bootstrap's <a href="../css/#grid">grid system</a> with the thumbnail component to easily display grids of images, videos, text, and more.</p>
-
- <h3 id="thumbnails-default">Default example</h3>
- <p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p>
- <div class="bs-example">
- <div class="row">
- <div class="col-xs-6 col-md-3">
- <a href="#" class="thumbnail">
- <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
- </a>
- </div>
- <div class="col-xs-6 col-md-3">
- <a href="#" class="thumbnail">
- <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
- </a>
- </div>
- <div class="col-xs-6 col-md-3">
- <a href="#" class="thumbnail">
- <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
- </a>
- </div>
- <div class="col-xs-6 col-md-3">
- <a href="#" class="thumbnail">
- <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
- </a>
- </div>
- </div>
- </div><!-- /.bs-example -->
-{% highlight html %}
-<div class="row">
- <div class="col-xs-6 col-md-3">
- <a href="#" class="thumbnail">
- <img data-src="holder.js/100%x180" alt="...">
- </a>
- </div>
- ...
-</div>
-{% endhighlight %}
-
- <h3 id="thumbnails-custom-content">Custom content</h3>
- <p>With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.</p>
- <div class="bs-example">
- <div class="row">
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img data-src="holder.js/100%x200" alt="Generic placeholder thumbnail">
- <div class="caption">
- <h3>Thumbnail label</h3>
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
- <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img data-src="holder.js/100%x200" alt="Generic placeholder thumbnail">
- <div class="caption">
- <h3>Thumbnail label</h3>
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
- <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img data-src="holder.js/100%x200" alt="Generic placeholder thumbnail">
- <div class="caption">
- <h3>Thumbnail label</h3>
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
- <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
- </div>
- </div>
- </div>
- </div>
- </div><!-- /.bs-example -->
-{% highlight html %}
-<div class="row">
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img data-src="holder.js/300x300" alt="...">
- <div class="caption">
- <h3>Thumbnail label</h3>
- <p>...</p>
- <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
- </div>
- </div>
- </div>
-</div>
-{% endhighlight %}
-</div>
diff --git a/docs/_includes/nav/components.html b/docs/_includes/nav/components.html
index 233b46f3e..1e0eed506 100644
--- a/docs/_includes/nav/components.html
+++ b/docs/_includes/nav/components.html
@@ -85,13 +85,6 @@
<li><a href="#jumbotron">Jumbotron</a></li>
<li><a href="#page-header">Page header</a></li>
<li>
- <a href="#thumbnails">Thumbnails</a>
- <ul class="nav">
- <li><a href="#thumbnails-default">Default example</a></li>
- <li><a href="#thumbnails-custom-content">Custom content</a></li>
- </ul>
-</li>
-<li>
<a href="#alerts">Alerts</a>
<ul class="nav">
<li><a href="#alerts-examples">Examples</a></li>