aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs
diff options
context:
space:
mode:
authorJulien Déramond <[email protected]>2022-10-03 20:52:41 +0200
committerGitHub <[email protected]>2022-10-03 11:52:41 -0700
commitb1185b91ea56e4a7b431b869855d898c91e4763b (patch)
tree255c8b600df756ae7f6758142c027a1298ead340 /site/content/docs
parentfffe0553c278663f272d646c45b4074fbea1ca54 (diff)
downloadbootstrap-b1185b91ea56e4a7b431b869855d898c91e4763b.tar.xz
bootstrap-b1185b91ea56e4a7b431b869855d898c91e4763b.zip
Add new border-radius utilities (#36540)
* Add new border-radius utilities * Fix bundlewatch * Fix bundlewatch again Co-authored-by: Mark Otto <[email protected]>
Diffstat (limited to 'site/content/docs')
-rw-r--r--site/content/docs/5.2/utilities/borders.md9
1 files changed, 9 insertions, 0 deletions
diff --git a/site/content/docs/5.2/utilities/borders.md b/site/content/docs/5.2/utilities/borders.md
index 8d850a214..60be796d9 100644
--- a/site/content/docs/5.2/utilities/borders.md
+++ b/site/content/docs/5.2/utilities/borders.md
@@ -139,6 +139,15 @@ Use the scaling classes for larger or smaller rounded corners. Sizes range from
{{< placeholder width="75" height="75" class="rounded-5" title="Example extra large rounded image" >}}
{{< /example >}}
+{{< example class="bd-example-rounded-utils" >}}
+
+{{< placeholder width="75" height="75" class="rounded-bottom-1" title="Example small rounded image" >}}
+{{< placeholder width="75" height="75" class="rounded-start-2" title="Example default left rounded image" >}}
+{{< placeholder width="75" height="75" class="rounded-end-circle" title="Example right completely round image" >}}
+{{< placeholder width="75" height="75" class="rounded-start-pill" title="Example left rounded pill image" >}}
+{{< placeholder width="75" height="75" class="rounded-5 rounded-top-0" title="Example extra large bottom rounded image" >}}
+{{< /example >}}
+
## CSS
### Variables