kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code 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 // 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. 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" title="Example rounded image" >}}
{{< placeholder width="75" height="75" class="rounded-top" title="Example top 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" >}} {{< 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. 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-sm" title="Example small rounded image" >}}
{{< placeholder width="75" height="75" class="rounded-lg" title="Example large rounded image" >}} {{< placeholder width="75" height="75" class="rounded-lg" title="Example large rounded image" >}}
{{< /example >}} {{< /example >}}