diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 366582101b..458fa234ec 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -622,6 +622,10 @@ form.well {
 
 /* Eaxmples page
 ------------------------- */
+.bootstrap-examples p {
+  font-size: 13px;
+  line-height: 18px;
+}
 .bootstrap-examples .thumbnail {
   margin-bottom: 9px;
   background-color: #fff;
diff --git a/docs/examples.html b/docs/examples.html
index ef2dde5b19..06b70b9b57 100644
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -84,21 +84,21 @@
 
 
 <ul class="thumbnails bootstrap-examples">
-  <li class="span4">
+  <li class="span3">
     <a class="thumbnail" href="examples/hero.html">
       <img src="assets/img/examples/bootstrap-example-hero.jpg" alt="">
     </a>
     <h3>Basic marketing site</h3>
     <p>Featuring a hero unit for a primary message and three supporting elements.</p>
   </li>
-  <li class="span4">
+  <li class="span3">
     <a class="thumbnail" href="examples/fluid.html">
       <img src="assets/img/examples/bootstrap-example-fluid.jpg" alt="">
     </a>
     <h3>Fluid layout</h3>
     <p>Uses our new responsive, fluid grid system to create a seamless liquid layout.</p>
   </li>
-  <li class="span4">
+  <li class="span3">
     <a class="thumbnail" href="examples/starter-template.html">
       <img src="assets/img/examples/bootstrap-example-starter.jpg" alt="">
     </a>
diff --git a/docs/templates/pages/examples.mustache b/docs/templates/pages/examples.mustache
index dee7d5651d..e5c9143efb 100644
--- a/docs/templates/pages/examples.mustache
+++ b/docs/templates/pages/examples.mustache
@@ -7,21 +7,21 @@
 
 
 <ul class="thumbnails bootstrap-examples">
-  <li class="span4">
+  <li class="span3">
     <a class="thumbnail" href="examples/hero.html">
       <img src="assets/img/examples/bootstrap-example-hero.jpg" alt="">
     </a>
     <h3>{{_i}}Basic marketing site{{/i}}</h3>
     <p>{{_i}}Featuring a hero unit for a primary message and three supporting elements.{{/i}}</p>
   </li>
-  <li class="span4">
+  <li class="span3">
     <a class="thumbnail" href="examples/fluid.html">
       <img src="assets/img/examples/bootstrap-example-fluid.jpg" alt="">
     </a>
     <h3>{{_i}}Fluid layout{{/i}}</h3>
     <p>{{_i}}Uses our new responsive, fluid grid system to create a seamless liquid layout.{{/i}}</p>
   </li>
-  <li class="span4">
+  <li class="span3">
     <a class="thumbnail" href="examples/starter-template.html">
       <img src="assets/img/examples/bootstrap-example-starter.jpg" alt="">
     </a>