aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2015-11-14 21:13:42 -0800
committerMark Otto <[email protected]>2015-11-14 21:13:42 -0800
commit216e36aab6baab9414b1ae6560d82bd7909576e2 (patch)
tree2634d36d2628c9cb9bfe7845dc62ab4f6e99ff9c /docs
parentece98f980cc9dedbab099bd8d4fc1540a218bb9d (diff)
parent2102ab4775a486c7284604fc4d9a43a20040c9d5 (diff)
downloadbootstrap-216e36aab6baab9414b1ae6560d82bd7909576e2.tar.xz
bootstrap-216e36aab6baab9414b1ae6560d82bd7909576e2.zip
Merge pull request #18254 from twbs/v4-text-classes
Document links with text emphasis classes
Diffstat (limited to 'docs')
-rw-r--r--docs/components/utilities.md11
1 files changed, 11 insertions, 0 deletions
diff --git a/docs/components/utilities.md b/docs/components/utilities.md
index 788f1a3c8..3bc054774 100644
--- a/docs/components/utilities.md
+++ b/docs/components/utilities.md
@@ -124,6 +124,17 @@ Convey meaning through color with a handful of emphasis utility classes. These m
<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
{% endexample %}
+Contextual text classes also work well on anchors with the provided hover and focus states.
+
+{% example html %}
+<a href="#" class="text-muted">Muted link</a>
+<a href="#" class="text-primary">Primary link</a>
+<a href="#" class="text-success">Success link</a>
+<a href="#" class="text-info">Info link</a>
+<a href="#" class="text-warning">Warning link</a>
+<a href="#" class="text-danger">Danger link</a>
+{% endexample %}
+
Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes.
{% example html %}