diff options
| author | Mark Otto <[email protected]> | 2013-01-09 18:56:08 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-01-09 18:56:08 -0800 |
| commit | 91dd77939b4183fa86973056778ad87950674410 (patch) | |
| tree | a1f163741814cb727e00af6f8aca677f9e5508a5 | |
| parent | 3d04d9ba751c08ab7909ee6146719171609d5cf9 (diff) | |
| download | bootstrap-91dd77939b4183fa86973056778ad87950674410.tar.xz bootstrap-91dd77939b4183fa86973056778ad87950674410.zip | |
Add text alignment utility classes
| -rw-r--r-- | docs/assets/css/bootstrap.css | 12 | ||||
| -rw-r--r-- | docs/css.html | 13 | ||||
| -rw-r--r-- | docs/templates/pages/css.mustache | 13 | ||||
| -rw-r--r-- | less/type.less | 4 |
4 files changed, 42 insertions, 0 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fcc8a8c10..3f7434cbd 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -510,6 +510,18 @@ a.text-success:hover { color: #356635; } +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + h1, h2, h3, diff --git a/docs/css.html b/docs/css.html index 53cd678d0..64527c34f 100644 --- a/docs/css.html +++ b/docs/css.html @@ -305,6 +305,19 @@ <p>Feel free to use <code><b></code> and <code><i></code> in HTML5. <code><b></code> is meant to highlight words or phrases without conveying additional importance while <code><i></code> is mostly for voice, technical terms, etc.</p> + <h3>Alignment classes</h3> + <p>Easily realign text to components with text alignment classes.</p> + <div class="bs-docs-example"> + <p class="text-left">Left aligned text.</p> + <p class="text-center">Center aligned text.</p> + <p class="text-right">Right aligned text.</p> + </div> +<pre class="prettyprint linenums"> +<p class="text-left">Left aligned text.</p> +<p class="text-center">Center aligned text.</p> +<p class="text-right">Right aligned text.</p> +</pre> + <h3>Emphasis classes</h3> <p>Convey meaning through color with a handful of emphasis utility classes.</p> <div class="bs-docs-example"> diff --git a/docs/templates/pages/css.mustache b/docs/templates/pages/css.mustache index 47abef021..800dd2ff3 100644 --- a/docs/templates/pages/css.mustache +++ b/docs/templates/pages/css.mustache @@ -242,6 +242,19 @@ <p>Feel free to use <code><b></code> and <code><i></code> in HTML5. <code><b></code> is meant to highlight words or phrases without conveying additional importance while <code><i></code> is mostly for voice, technical terms, etc.</p> + <h3>Alignment classes</h3> + <p>Easily realign text to components with text alignment classes.</p> + <div class="bs-docs-example"> + <p class="text-left">Left aligned text.</p> + <p class="text-center">Center aligned text.</p> + <p class="text-right">Right aligned text.</p> + </div> +<pre class="prettyprint linenums"> +<p class="text-left">Left aligned text.</p> +<p class="text-center">Center aligned text.</p> +<p class="text-right">Right aligned text.</p> +</pre> + <h3>Emphasis classes</h3> <p>Convey meaning through color with a handful of emphasis utility classes.</p> <div class="bs-docs-example"> diff --git a/less/type.less b/less/type.less index 3aac597bd..a1789fd79 100644 --- a/less/type.less +++ b/less/type.less @@ -40,6 +40,10 @@ a.text-error:hover { color: darken(@state-error-text, 10%); } .text-success { color: @state-success-text; } a.text-success:hover { color: darken(@state-success-text, 10%); } +.text-left { text-align: left; } +.text-right { text-align: right; } +.text-center { text-align: center; } + // Headings // ------------------------- |