diff --git a/docs/base-css.html b/docs/base-css.html
index df307c3816..85dab82e37 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1183,12 +1183,12 @@ For example, <code>section</code> should be wrapped as inline.
             </div>
           </form>
 <pre class="prettyprint linenums">
-&lt;input class="input-mini" type="text"&gt;
-&lt;input class="input-small" type="text"&gt;
-&lt;input class="input-medium" type="text"&gt;
-&lt;input class="input-large" type="text"&gt;
-&lt;input class="input-xlarge" type="text"&gt;
-&lt;input class="input-xxlarge" type="text"&gt;
+&lt;input class="input-mini" type="text" placeholder=".input-mini"&gt;
+&lt;input class="input-small" type="text" placeholder=".input-small"&gt;
+&lt;input class="input-medium" type="text" placeholder=".input-medium"&gt;
+&lt;input class="input-large" type="text" placeholder=".input-large"&gt;
+&lt;input class="input-xlarge" type="text" placeholder=".input-xlarge"&gt;
+&lt;input class="input-xxlarge" type="text" placeholder=".input-xxlarge"&gt;
 </pre>
           <p>
             <span class="label label-info">Heads up!</span> In future versions, we'll be altering the use of these relative input classes to match our button sizes. For example, <code>.input-large</code> will increase the padding and font-size of an input.
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index d80a0eeaa3..ffc22de9d6 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1120,12 +1120,12 @@
             </div>
           </form>
 <pre class="prettyprint linenums">
-&lt;input class="input-mini" type="text"&gt;
-&lt;input class="input-small" type="text"&gt;
-&lt;input class="input-medium" type="text"&gt;
-&lt;input class="input-large" type="text"&gt;
-&lt;input class="input-xlarge" type="text"&gt;
-&lt;input class="input-xxlarge" type="text"&gt;
+&lt;input class="input-mini" type="text" placeholder=".input-mini"&gt;
+&lt;input class="input-small" type="text" placeholder=".input-small"&gt;
+&lt;input class="input-medium" type="text" placeholder=".input-medium"&gt;
+&lt;input class="input-large" type="text" placeholder=".input-large"&gt;
+&lt;input class="input-xlarge" type="text" placeholder=".input-xlarge"&gt;
+&lt;input class="input-xxlarge" type="text" placeholder=".input-xxlarge"&gt;
 </pre>
           <p>
             <span class="label label-info">{{_i}}Heads up!{{/i}}</span> In future versions, we'll be altering the use of these relative input classes to match our button sizes. For example, <code>.input-large</code> will increase the padding and font-size of an input.