diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss index 549ec03401..dea8eb5f34 100644 --- a/docs/assets/scss/_component-examples.scss +++ b/docs/assets/scss/_component-examples.scss @@ -318,6 +318,16 @@ } } +.bd-example-border-utils { + [class^="border-"] { + display: inline-block; + width: 6rem; + height: 6rem; + margin: .25rem; + background-color: #f5f5f5; + border: 1px solid; + } +} // // Code snippets diff --git a/docs/utilities/borders.md b/docs/utilities/borders.md index b47d95c977..1eb716c1f9 100644 --- a/docs/utilities/borders.md +++ b/docs/utilities/borders.md @@ -6,17 +6,32 @@ group: utilities Use border utilities to quickly style the `border` and `border-radius` of an element. Great for images, buttons, or any other element. +## Border + +Add classes to an element to remove all borders or some borders. + +