use new size classes in preview pages, fixes #129

15 files changed, 99 insertions, 99 deletions

diff --git a/amelia/index.html b/amelia/index.html
index e1d984c7..f6f700ee 100644
--- a/amelia/index.html
+++ b/amelia/index.html
@@ -331,7 +331,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>
 
@@ -796,14 +796,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>
@@ -986,7 +986,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>
@@ -1130,12 +1130,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>
diff --git a/cerulean/index.html b/cerulean/index.html
index 52dcb2ad..e16a5c07 100644
--- a/cerulean/index.html
+++ b/cerulean/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>
diff --git a/cosmo/index.html b/cosmo/index.html
index ac6690c4..f3a79d8f 100644
--- a/cosmo/index.html
+++ b/cosmo/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>
diff --git a/custom/index.html b/custom/index.html
index 5aeae58b..5dd73d53 100644
--- a/custom/index.html
+++ b/custom/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>
diff --git a/cyborg/index.html b/cyborg/index.html
index 650bd8c0..6154bff0 100644
--- a/cyborg/index.html
+++ b/cyborg/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>
diff --git a/default/index.html b/default/index.html
index 08342964..434ae542 100644
--- a/default/index.html
+++ b/default/index.html
@@ -322,7 +322,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>
 
@@ -787,14 +787,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>
@@ -977,7 +977,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>
@@ -1119,12 +1119,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>
diff --git a/flatly/index.html b/flatly/index.html
index 4dc73717..a1c843da 100644
--- a/flatly/index.html
+++ b/flatly/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>
diff --git a/journal/index.html b/journal/index.html
index f2ee4dcb..45c839b3 100644
--- a/journal/index.html
+++ b/journal/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>
diff --git a/readable/index.html b/readable/index.html
index 5e35b073..190ae95e 100644
--- 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>
diff --git a/simplex/index.html b/simplex/index.html
index ba1de4d0..f813e3e9 100644
--- a/simplex/index.html
+++ b/simplex/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>
diff --git a/slate/index.html b/slate/index.html
index 18b490bb..0bdfb5e2 100644
--- a/slate/index.html
+++ b/slate/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>
diff --git a/spacelab/index.html b/spacelab/index.html
index e93fbf84..a9f48cf9 100644
--- a/spacelab/index.html
+++ b/spacelab/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>
diff --git a/superhero/index.html b/superhero/index.html
index 9deeb09c..524c2037 100644
--- a/superhero/index.html
+++ b/superhero/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>
diff --git a/tests/components.html b/tests/components.html
index 5663c45a..2d1f2f8b 100644
--- a/tests/components.html
+++ b/tests/components.html
@@ -795,24 +795,24 @@
 
 
         <h2 id="forms-control-sizes">Control sizing</h2>
-        <p>Set heights using classes like <code>.input-large</code>, and set widths using grid column classes like <code>.col-lg-*</code>.</p>
+        <p>Set heights using classes like <code>.input-lg</code>, and set widths using grid column classes like <code>.col-lg-*</code>.</p>
 
         <h3>Height sizing</h3>
         <p>Create larger or smaller form controls that match button sizes.</p>
         <form class="bs-example bs-example-control-sizing">
           <div class="controls docs-input-sizes">
-            <input class="form-control input-large" type="text" placeholder=".input-large">
+            <input class="form-control input-lg" type="text" placeholder=".input-lg">
             <input type="text" class="form-control" placeholder="Default input">
-            <input class="form-control input-small" type="text" placeholder=".input-small">
+            <input class="form-control input-sm" type="text" placeholder=".input-sm">
 
-            <select class="form-control input-large">
-              <option value="">.input-large</option>
+            <select class="form-control input-lg">
+              <option value="">.input-lg</option>
             </select>
             <select class="form-control">
               <option value="">Default select</option>
             </select>
-            <select class="form-control input-small">
-              <option value="">.input-small</option>
+            <select class="form-control input-sm">
+              <option value="">.input-sm</option>
             </select>
           </div>
         </form>
@@ -1218,7 +1218,7 @@
         <div class="bs-example">
           <div class="btn-toolbar" style="margin: 0;">
             <div class="btn-group">
-              <button class="btn btn-default btn-large dropdown-toggle" type="button" data-toggle="dropdown">
+              <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
                 Large button <span class="caret"></span>
               </button>
               <ul class="dropdown-menu">
@@ -1310,8 +1310,8 @@
         <p>Add the relative form sizing classes to the <code>.input-group-addon</code>.</p>
         <form class="bs-example bs-example-form">
           <div class="input-group">
-            <span class="input-group-addon input-large">@</span>
-            <input type="text" class="form-control input-large" placeholder="Username">
+            <span class="input-group-addon input-lg">@</span>
+            <input type="text" class="form-control input-lg" placeholder="Username">
           </div>
           <br>
           <div class="input-group">
@@ -1320,8 +1320,8 @@
           </div>
           <br>
           <div class="input-group">
-            <span class="input-group-addon input-small">@</span>
-            <input type="text" class="form-control input-small" placeholder="Username">
+            <span class="input-group-addon input-sm">@</span>
+            <input type="text" class="form-control input-sm" placeholder="Username">
           </div>
         </form>
 
@@ -1900,10 +1900,10 @@
 
 
         <h3>Sizes</h3>
-        <p>Fancy larger or smaller pagination? Add <code>.pagination-large</code> or <code>.pagination-small</code>  for additional sizes.</p>
+        <p>Fancy larger or smaller pagination? Add <code>.pagination-lg</code> or <code>.pagination-sm</code>  for additional sizes.</p>
         <div class="bs-example">
           <div>
-            <ul class="pagination pagination-large">
+            <ul class="pagination pagination-lg">
               <li><a href="#">«</a></li>
               <li><a href="#">1</a></li>
               <li><a href="#">2</a></li>
@@ -1925,7 +1925,7 @@
             </ul>
           </div>
           <div>
-            <ul class="pagination pagination-small">
+            <ul class="pagination pagination-sm">
               <li><a href="#">«</a></li>
               <li><a href="#">1</a></li>
               <li><a href="#">2</a></li>
@@ -2620,13 +2620,13 @@
         <h3>Optional classes</h3>
         <p>Control padding and rounded corners with two optional modifier classes.</p>
         <div class="bs-example">
-          <div class="well well-large">
+          <div class="well well-lg">
             Look, I'm in a well!
           </div>
         </div>
 
         <div class="bs-example">
-          <div class="well well-small">
+          <div class="well well-sm">
             Look, I'm in a well!
           </div>
         </div>
diff --git a/united/index.html b/united/index.html
index bdb81efb..868160c0 100644
--- a/united/index.html
+++ b/united/index.html
@@ -328,7 +328,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>
 
@@ -793,14 +793,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>
@@ -983,7 +983,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>
@@ -1125,12 +1125,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>