From 61c641ea05c317e06bb3b9df0d9956abffc32e7e Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Fri, 29 Nov 2013 21:08:16 -0800
Subject: [PATCH] fixes #10699: use xs grid classes in regular thumbnail docs

---
 components.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components.html b/components.html
index ca6ae40ec7..dead13da22 100644
--- a/components.html
+++ b/components.html
@@ -2780,22 +2780,22 @@ body { padding-bottom: 70px; }
     <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-sm-6 col-md-3">
+        <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-sm-6 col-md-3">
+        <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-sm-6 col-md-3">
+        <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-sm-6 col-md-3">
+        <div class="col-xs-6 col-md-3">
           <a href="#" class="thumbnail">
             <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
           </a>
@@ -2804,7 +2804,7 @@ body { padding-bottom: 70px; }
     </div><!-- /.bs-example -->
 {% highlight html %}
 <div class="row">
-  <div class="col-sm-6 col-md-3">
+  <div class="col-xs-6 col-md-3">
     <a href="#" class="thumbnail">
       <img data-src="holder.js/100%x180" alt="...">
     </a>
-- 
2.47.2