aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorKen Dale <[email protected]>2016-11-26 19:47:53 -0500
committerMark Otto <[email protected]>2016-11-26 16:47:53 -0800
commitdc52029beaff899242bdff8e9c00a932959609ba (patch)
tree6a73361ecca6c2a3591f02932d3967185a2ef98b /docs
parent095ea0b795a80530f7b5bd114fdd07c46893bfcb (diff)
downloadbootstrap-dc52029beaff899242bdff8e9c00a932959609ba.tar.xz
bootstrap-dc52029beaff899242bdff8e9c00a932959609ba.zip
Add .rounded-0 utility class (#21214)
* Add rounded-0 class
Diffstat (limited to 'docs')
-rw-r--r--docs/utilities/borders.md14
1 files changed, 8 insertions, 6 deletions
diff --git a/docs/utilities/borders.md b/docs/utilities/borders.md
index 0088a2827..1eb716c1f 100644
--- a/docs/utilities/borders.md
+++ b/docs/utilities/borders.md
@@ -25,12 +25,13 @@ Add classes to an element to remove all borders or some borders.
Add classes to an element to easily round its corners.
<div class="bd-example bd-example-images">
- <img data-src="holder.js/100x100" class="rounded" alt="Example rounded image">
- <img data-src="holder.js/100x100" class="rounded-top" alt="Example top rounded image">
- <img data-src="holder.js/100x100" class="rounded-right" alt="Example right rounded image">
- <img data-src="holder.js/100x100" class="rounded-bottom" alt="Example bottom rounded image">
- <img data-src="holder.js/100x100" class="rounded-left" alt="Example left rounded image">
- <img data-src="holder.js/100x100" class="rounded-circle" alt="Completely round image">
+ <img data-src="holder.js/75x75" class="rounded" alt="Example rounded image">
+ <img data-src="holder.js/75x75" class="rounded-top" alt="Example top rounded image">
+ <img data-src="holder.js/75x75" class="rounded-right" alt="Example right rounded image">
+ <img data-src="holder.js/75x75" class="rounded-bottom" alt="Example bottom rounded image">
+ <img data-src="holder.js/75x75" class="rounded-left" alt="Example left rounded image">
+ <img data-src="holder.js/75x75" class="rounded-circle" alt="Completely round image">
+ <img data-src="holder.js/75x75" class="rounded-0" alt="Example non-rounded image (overrides rounding applied elsewhere)">
</div>
{% highlight html %}
@@ -40,4 +41,5 @@ Add classes to an element to easily round its corners.
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
+<img src="..." alt="..." class="rounded-0">
{% endhighlight %}