1 files changed, 56 insertions, 0 deletions
diff --git a/docs/css-tests.html b/docs/css-tests.html
index 081b27a57..99ea08338 100644
--- a/docs/css-tests.html
+++ b/docs/css-tests.html
@@ -84,6 +84,10 @@
     margin-bottom: 36px;
   }
 
+  h4 {
+    margin-bottom: 5px;
+  }
+
   /* colgroup tests */
   .col1 {
     background-color: rgba(255,0,0,.1);
@@ -96,6 +100,7 @@
   }
 </style>
 
+
 <!-- Masthead
 ================================================== -->
 <header class="jumbotron subhead" id="overview">
@@ -103,6 +108,11 @@
   <p class="lead">One stop shop for quick debugging and edge-case tests of CSS.</p>
 </header>
 
+
+
+<!-- Tables
+================================================== -->
+
 <div class="page-header">
   <h1>Tables</h1>
 </div>
@@ -269,6 +279,52 @@
 </div><!--/row-->
 
 
+
+<!-- Forms
+================================================== -->
+
+<div class="page-header">
+  <h1>Forms</h1>
+</div>
+
+<div class="row">
+  <div class="span4">
+    <h4>Prepend and append on inputs</h4>
+    <form>
+      <div class="controls">
+        <div class="input-prepend">
+          <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text">
+        </div>
+      </div>
+      <div class="controls">
+        <div class="input-append">
+          <input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">@</span>
+        </div>
+      </div>
+      <div class="controls">
+        <div class="input-prepend input-append">
+          <span class="add-on">$</span><input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">.00</span>
+        </div>
+      </div>
+    </form>
+  </div><!--/span-->
+  <div class="span6">
+    <h4>Prepend and append with uneditable</h4>
+    <form>
+      <div class="input-prepend">
+        <span class="add-on">$</span><span class="span2 uneditable-input">Some value here</span>
+      </div>
+      <div class="input-append">
+        <span class="span2 uneditable-input">Some value here</span><span class="add-on">.00</span>
+      </div>
+    </form>
+
+  </div><!--/span-->
+</div><!--/row-->
+
+
+
+
      <!-- Footer
       ================================================== -->
       <footer class="footer">