rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

v5 docs: added wrapping class for rounded utils (#29379)

Browse Source 
* 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:
Christopher Morrissey 2020-02-14 01:22:10 -05:00 committed by GitHub
parent f2aeea6927
commit 7fd6dd9d58
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
site/assets/scss/_component-examples.scss
View File

@ -224,6 +224,12 @@
}
}
.bd-example-rounded-utils {
[class*="rounded"] {
margin: .25rem;
}
}
//
// Code snippets
//

4
site/content/docs/4.3/utilities/borders.md
View File

@ -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 >}}