From 44447eeefe61dbb16cab59900c3c061d9f207fbc Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Mon, 24 Nov 2014 17:09:32 -0800
Subject: Give all embedded live docs examples data-example-id attrs

Refs #11410
---
 docs/_includes/components/thumbnails.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'docs/_includes/components/thumbnails.html')

diff --git a/docs/_includes/components/thumbnails.html b/docs/_includes/components/thumbnails.html
index 3b6dfce43..b41fef72e 100644
--- a/docs/_includes/components/thumbnails.html
+++ b/docs/_includes/components/thumbnails.html
@@ -5,7 +5,7 @@
 
   <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="bs-example" data-example-id="simple-thumbnails">
     <div class="row">
       <div class="col-xs-6 col-md-3">
         <a href="#" class="thumbnail">
@@ -42,7 +42,7 @@
 
   <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="bs-example" data-example-id="thumbnails-with-custom-content">
     <div class="row">
       <div class="col-sm-6 col-md-4">
         <div class="thumbnail">
-- 
cgit v1.2.3


From 3406a5c97a28810844e8553cc9d3bdef7712115f Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Mon, 22 Dec 2014 14:52:04 -0800
Subject: Remove holder.js references from syntax-highlighted example HTML

Our use of Holder.js in the docs is a mere implementation detail.
Don't want to confuse people into thinking Holder.js
is somehow required by the Thumbnail component.

[skip sauce]
---
 docs/_includes/components/thumbnails.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'docs/_includes/components/thumbnails.html')

diff --git a/docs/_includes/components/thumbnails.html b/docs/_includes/components/thumbnails.html
index b41fef72e..766d79f36 100644
--- a/docs/_includes/components/thumbnails.html
+++ b/docs/_includes/components/thumbnails.html
@@ -33,7 +33,7 @@
 <div class="row">
   <div class="col-xs-6 col-md-3">
     <a href="#" class="thumbnail">
-      <img data-src="holder.js/100%x180" alt="...">
+      <img src="..." alt="...">
     </a>
   </div>
   ...
@@ -80,7 +80,7 @@
 <div class="row">
   <div class="col-sm-6 col-md-4">
     <div class="thumbnail">
-      <img data-src="holder.js/300x300" alt="...">
+      <img src="..." alt="...">
       <div class="caption">
         <h3>Thumbnail label</h3>
         <p>...</p>
-- 
cgit v1.2.3


From 901ece7996e4573daef66f265ea7c60bbcedd77e Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Fri, 1 Aug 2014 13:51:28 -0700
Subject: add pointer to Masonry in the thumbnail docs

---
 docs/_includes/components/thumbnails.html | 1 +
 1 file changed, 1 insertion(+)

(limited to 'docs/_includes/components/thumbnails.html')

diff --git a/docs/_includes/components/thumbnails.html b/docs/_includes/components/thumbnails.html
index 766d79f36..530ae50fb 100644
--- a/docs/_includes/components/thumbnails.html
+++ b/docs/_includes/components/thumbnails.html
@@ -2,6 +2,7 @@
   <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>
+  <p>If you're looking for Pinterest-like presentation of thumbnails of varying heights and/or widths, you'll need to use a third-party plugin such as <a href="http://masonry.desandro.com">Masonry</a>, <a href="http://isotope.metafizzy.co">Isotope</a>, or <a href="http://salvattore.com">Salvattore</a>.</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>
-- 
cgit v1.2.3