diff options
| author | Mark Otto <[email protected]> | 2012-09-25 22:16:47 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-09-25 22:16:47 -0700 |
| commit | 9e97098802d969d338fdb6c553cf6cee903c8663 (patch) | |
| tree | 7ac66b68cf524b0c6c419a428af3bb007e759802 /docs/templates | |
| parent | 0220015edd1c06e0475a346ca5882e3b1758af48 (diff) | |
| download | bootstrap-9e97098802d969d338fdb6c553cf6cee903c8663.tar.xz bootstrap-9e97098802d969d338fdb6c553cf6cee903c8663.zip | |
make .input-* classes match .btn-* size classes
Diffstat (limited to 'docs/templates')
| -rw-r--r-- | docs/templates/pages/base-css.mustache | 22 |
1 files changed, 7 insertions, 15 deletions
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 82d65999d..e48cdb8bb 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -1273,30 +1273,22 @@ <p>{{_i}}Use relative sizing classes like <code>.input-large</code> or match your inputs to the grid column sizes using <code>.span*</code> classes.{{/i}}</p> <h4>{{_i}}Relative sizing{{/i}}</h4> + <p>{{_i}}Create larger or smaller form controls that match button sizes.{{/i}}</p> <form class="bs-docs-example" style="padding-bottom: 15px;"> <div class="controls docs-input-sizes"> - <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"> + <input class="input-small" type="text" placeholder=".input-small"> + <input class="input-mini" type="text" placeholder=".input-mini"> </div> </form> <pre class="prettyprint linenums"> -<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"> +<input class="input-small" type="text" placeholder=".input-small"> +<input class="input-mini" type="text" placeholder=".input-mini"> </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. - </p> - <h4>{{_i}}Grid sizing{{/i}}</h4> - <p>{{_i}}Use <code>.span1</code> to <code>.span12</code> for inputs that match the same sizes of the grid columns.{{/i}}</p> + <h4>{{_i}}Column sizing{{/i}}</h4> + <p>{{_i}}Use <code>.span1</code> to <code>.span12</code> for setting widths on inputs that match Bootstrap's grid system.{{/i}}</p> <form class="bs-docs-example" style="padding-bottom: 15px;"> <div class="controls docs-input-sizes"> <input class="span1" type="text" placeholder=".span1"> |