use new size classes in preview pages, fixes #129

[bootswatch] / readable / index.html

diff --git a/readable/index.html b/readable/index.html
index 5e35b07..190ae95 100644 (file)
--- a/readable/index.html
+++ b/readable/index.html
@@ -325,7 +325,7 @@
 
             <div class="bs-example">
               <p>
-                <button type="button" class="btn btn-default btn-large btn-block">Block level button</button>
+                <button type="button" class="btn btn-default btn-lg btn-block">Block level button</button>
               </p>
             </div>
 
@@ -790,14 +790,14 @@
                 <li><a href="#">5</a></li>
                 <li><a href="#">&raquo;</a></li>
               </ul>
-              <ul class="pagination pagination-large">
+              <ul class="pagination pagination-lg">
                 <li class="disabled"><a href="#">&laquo;</a></li>
                 <li class="active"><a href="#">1</a></li>
                 <li><a href="#">2</a></li>
                 <li><a href="#">3</a></li>
                 <li><a href="#">&raquo;</a></li>
               </ul>
-              <ul class="pagination pagination-small">
+              <ul class="pagination pagination-sm">
                 <li class="disabled"><a href="#">&laquo;</a></li>
                 <li class="active"><a href="#">1</a></li>
                 <li><a href="#">2</a></li>
@@ -980,7 +980,7 @@
               <div class="jumbotron">
                 <h1>Jumbotron</h1>
                 <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
-                <p><a class="btn btn-primary btn-large">Learn more</a></p>
+                <p><a class="btn btn-primary btn-lg">Learn more</a></p>
               </div>
             </div>
           </div>
@@ -1122,12 +1122,12 @@
             </div>
           </div>
           <div class="col-lg-4">
-            <div class="well well-small">
+            <div class="well well-sm">
               Look, I'm in a small well!
             </div>
           </div>
           <div class="col-lg-4">
-            <div class="well well-large">
+            <div class="well well-lg">
               Look, I'm in a large well!
             </div>
           </div>