v5 docs: added wrapping class for rounded utils (#29379)
* Added wrapping class for rounded utils Tweak /utilities/borders/#border-radius #29343 * Remove the extra div. Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
parent
f2aeea6927
commit
7fd6dd9d58
|
@ -224,6 +224,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.bd-example-rounded-utils {
|
||||
[class*="rounded"] {
|
||||
margin: .25rem;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Code snippets
|
||||
//
|
||||
|
|
|
@ -47,7 +47,7 @@ Change the border color using utilities built on our theme colors.
|
|||
|
||||
Add classes to an element to easily round its corners.
|
||||
|
||||
{{< example >}}
|
||||
{{< example class="bd-example-rounded-utils" >}}
|
||||
{{< placeholder width="75" height="75" class="rounded" title="Example rounded image" >}}
|
||||
{{< placeholder width="75" height="75" class="rounded-top" title="Example top rounded image" >}}
|
||||
{{< placeholder width="75" height="75" class="rounded-right" title="Example right rounded image" >}}
|
||||
|
@ -63,7 +63,7 @@ Add classes to an element to easily round its corners.
|
|||
|
||||
Use `.rounded-lg` or `.rounded-sm` for larger or smaller border-radius.
|
||||
|
||||
{{< example >}}
|
||||
{{< example class="bd-example-rounded-utils" >}}
|
||||
{{< placeholder width="75" height="75" class="rounded-sm" title="Example small rounded image" >}}
|
||||
{{< placeholder width="75" height="75" class="rounded-lg" title="Example large rounded image" >}}
|
||||
{{< /example >}}
|
||||
|
|
Loading…
Reference in New Issue