]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Add `.border-circle` and `.border-pill` to the radius size part of the documentation.
authorLouis-Maxime Piton <louismaxime.piton@orange.com>
Thu, 5 Sep 2024 14:40:29 +0000 (16:40 +0200)
committerMark Otto <markdotto@gmail.com>
Thu, 3 Apr 2025 06:11:43 +0000 (23:11 -0700)
site/content/docs/5.3/utilities/borders.md

index b4fa2f4138800a263d9947fed6d2237ca03385ce..cc50eb2d2b18ce846c1834d7a25323899ee4b9f0 100644 (file)
@@ -128,13 +128,11 @@ Add classes to an element to easily round its corners.
 {{< placeholder width="75" height="75" class="rounded-end" title="Example right rounded image" >}}
 {{< placeholder width="75" height="75" class="rounded-bottom" title="Example bottom rounded image" >}}
 {{< placeholder width="75" height="75" class="rounded-start" title="Example left rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-circle" title="Completely round image" >}}
-{{< placeholder width="150" height="75" class="rounded-pill" title="Rounded pill image" >}}
 {{< /example >}}
 
 ### Sizes
 
-Use the scaling classes for larger or smaller rounded corners. Sizes range from `0` to `5`, and can be configured by modifying the utilities API.
+Use the scaling classes for larger or smaller rounded corners. Sizes range from `0` to `5` including `circle` and `pill`, and can be configured by modifying the utilities API.
 
 {{< example class="bd-example-rounded-utils" >}}
 {{< placeholder width="75" height="75" class="rounded-0" title="Example non-rounded image" >}}
@@ -143,6 +141,8 @@ Use the scaling classes for larger or smaller rounded corners. Sizes range from
 {{< placeholder width="75" height="75" class="rounded-3" title="Example large rounded image" >}}
 {{< placeholder width="75" height="75" class="rounded-4" title="Example larger rounded image" >}}
 {{< placeholder width="75" height="75" class="rounded-5" title="Example extra large rounded image" >}}
+{{< placeholder width="75" height="75" class="rounded-circle" title="Completely round image" >}}
+{{< placeholder width="150" height="75" class="rounded-pill" title="Rounded pill image" >}}
 {{< /example >}}
 
 {{< example class="bd-example-rounded-utils" >}}