aboutsummaryrefslogtreecommitdiff
path: root/docs/4.0
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-06-25 18:39:00 -0700
committerMark Otto <[email protected]>2017-06-25 18:39:14 -0700
commit9bfbee3503d7d76d03ccc85f02a64547b2d31054 (patch)
tree70fa1cf6492a9a2797617d99537a79a4fd50fdaf /docs/4.0
parentf8d61218ca8a3e0f5073eac8b7babb8095e66547 (diff)
downloadbootstrap-9bfbee3503d7d76d03ccc85f02a64547b2d31054.tar.xz
bootstrap-9bfbee3503d7d76d03ccc85f02a64547b2d31054.zip
add border color utilities
Diffstat (limited to 'docs/4.0')
-rw-r--r--docs/4.0/utilities/borders.md12
1 files changed, 12 insertions, 0 deletions
diff --git a/docs/4.0/utilities/borders.md b/docs/4.0/utilities/borders.md
index 8bf3f4674..3b1ee4338 100644
--- a/docs/4.0/utilities/borders.md
+++ b/docs/4.0/utilities/borders.md
@@ -13,6 +13,7 @@ Add classes to an element to remove all borders or some borders.
<div class="bd-example-border-utils">
{% example html %}
+<span class="border"></span>
<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-right-0"></span>
@@ -21,6 +22,17 @@ Add classes to an element to remove all borders or some borders.
{% endexample %}
</div>
+## Border color
+
+Change the border color using utilities built on our theme colors.
+
+<div class="bd-example-border-utils">
+{% example html %}
+{% for color in site.data.theme-colors %}
+<span class="border border-{{ color.name }}"></span>{% endfor %}
+{% endexample %}
+</div>
+
## Border-radius
Add classes to an element to easily round its corners.