</div>
</form>
<pre class="prettyprint linenums">
-<input class="input-mini" type="text">
-<input class="input-small" type="text">
-<input class="input-medium" type="text">
-<input class="input-large" type="text">
-<input class="input-xlarge" type="text">
-<input class="input-xxlarge" type="text">
+<input class="input-mini" type="text" placeholder=".input-mini">
+<input class="input-small" type="text" placeholder=".input-small">
+<input class="input-medium" type="text" placeholder=".input-medium">
+<input class="input-large" type="text" placeholder=".input-large">
+<input class="input-xlarge" type="text" placeholder=".input-xlarge">
+<input class="input-xxlarge" type="text" placeholder=".input-xxlarge">
</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.
</div>
</form>
<pre class="prettyprint linenums">
-<input class="input-mini" type="text">
-<input class="input-small" type="text">
-<input class="input-medium" type="text">
-<input class="input-large" type="text">
-<input class="input-xlarge" type="text">
-<input class="input-xxlarge" type="text">
+<input class="input-mini" type="text" placeholder=".input-mini">
+<input class="input-small" type="text" placeholder=".input-small">
+<input class="input-medium" type="text" placeholder=".input-medium">
+<input class="input-large" type="text" placeholder=".input-large">
+<input class="input-xlarge" type="text" placeholder=".input-xlarge">
+<input class="input-xxlarge" type="text" placeholder=".input-xxlarge">
</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.