rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00
Code Issues Actions Packages Releases Activity

text transformation added

Browse Source 
Transform text in components with text capitalization classes.
This commit is contained in:
Konstantin Kulinicenko 2014-05-24 15:33:15 +02:00
parent 676fda9c8f
commit 585f4787f7
3 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/_includes/css/type.html
View File

@ -203,6 +203,18 @@ You can use the mark tag to <mark>highlight</mark> text.
<p class="text-justify">Justified text.</p>
{% endhighlight %}
<h2 id="type-transformation">Transformation classes</h2>
<p>Transform text in components with text capitalization classes.</p>
<div class="bs-example">
<p class="text-lowercase">Lowercase text.</p>
<p class="text-uppercase">Uppercase text.</p>
<p class="text-capitalize">Capitalize text.</p>
</div>
{% highlight html %}
<p class="text-lowercase">Lowercase text.</p>
<p class="text-uppercase">Uppercase text.</p>
<p class="text-capitalize">Capitalize text.</p>
{% endhighlight %}
<!-- Abbreviations -->
<h2 id="type-abbreviations">Abbreviations</h2>

1
docs/_includes/nav/css.html
View File

@ -33,6 +33,7 @@
<li><a href="#type-body-copy">Body copy</a></li>
<li><a href="#type-inline-text">Inline text elements</a></li>
<li><a href="#type-alignment">Alignment classes</a></li>
<li><a href="#type-transformation">Transformation classes</a></li>
<li><a href="#type-abbreviations">Abbreviations</a></li>
<li><a href="#type-addresses">Addresses</a></li>
<li><a href="#type-blockquotes">Blockquotes</a></li>

5
less/type.less
View File

@ -97,6 +97,11 @@ mark,
.text-center { text-align: center; }
.text-justify { text-align: justify; }
// Transformation
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
// Contextual colors
.text-muted {
color: @text-muted;