diff options
| author | Mark Otto <[email protected]> | 2017-05-28 22:50:57 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-05-29 23:32:28 -0700 |
| commit | 3e76d6565603fafa2c85ad81d7b6345c4e279c72 (patch) | |
| tree | fad0aa6a4a70cafb4a803bd920d6ae2fa44dc466 /docs/utilities/vertical-align.md | |
| parent | 32153eb7cba316b873e82cd7b9362c92ca00eddf (diff) | |
| download | bootstrap-3e76d6565603fafa2c85ad81d7b6345c4e279c72.tar.xz bootstrap-3e76d6565603fafa2c85ad81d7b6345c4e279c72.zip | |
Rearrange all the docs to allow for a docs/major.minor/ setup
Diffstat (limited to 'docs/utilities/vertical-align.md')
| -rw-r--r-- | docs/utilities/vertical-align.md | 38 |
1 files changed, 0 insertions, 38 deletions
diff --git a/docs/utilities/vertical-align.md b/docs/utilities/vertical-align.md deleted file mode 100644 index e68498270..000000000 --- a/docs/utilities/vertical-align.md +++ /dev/null @@ -1,38 +0,0 @@ ---- -layout: docs -title: Vertical alignment -description: Easily change the vertical alignment of inlie, inline-block, inline-table, and table cell elements. -group: utilities ---- - -Change the alignment of elements with the [`vertical-alignment`](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements. - -Choose from `.align-baseline`, `.align-top`, `.align-middle`, `.align-bottom`, `.align-text-bottom`, and `.align-text-top` as needed. - -With inline elements: - -{% example html %} -<span class="align-baseline">baseline</span> -<span class="align-top">top</span> -<span class="align-middle">middle</span> -<span class="align-bottom">bottom</span> -<span class="align-text-top">text-top</span> -<span class="align-text-bottom">text-bottom</span> -{% endexample %} - -With table cells: - -{% example html %} -<table style="height: 100px;"> - <tbody> - <tr> - <td class="align-baseline">baseline</td> - <td class="align-top">top</td> - <td class="align-middle">middle</td> - <td class="align-bottom">bottom</td> - <td class="align-text-top">text-top</td> - <td class="align-text-bottom">text-bottom</td> - </tr> - </tbody> -</table> -{% endexample %} |
