https://github.com/mdbootstrap/bootstrap-border-radius

Responsive Border Radius built with Bootstrap 5. Use border radius to define the radius of the element's corners. This component gives you an ability to add rounded corners to elements
https://github.com/mdbootstrap/bootstrap-border-radius

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html

Last synced: about 1 year ago
JSON representation

Responsive Border Radius built with Bootstrap 5. Use border radius to define the radius of the element's corners. This component gives you an ability to add rounded corners to elements

• Host: GitHub
• URL: https://github.com/mdbootstrap/bootstrap-border-radius
• Owner: mdbootstrap
• License: other
• Created: 2022-07-22T10:00:40.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-07-22T14:37:05.000Z (almost 4 years ago)
• Last Synced: 2025-03-01T23:37:13.128Z (about 1 year ago)
• Topics: bootstrap, bootstrap-template, bootstrap-theme, bootstrap5, css, html
• Language: SCSS
• Homepage:
• Size: 989 KB
• Stars: 0
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License.pdf

Awesome Lists containing this project

README

          
Responsive Border Radius built with Bootstrap 5. Use border radius to define the radius of the element's corners. This component gives you an ability to add rounded corners to elements.

Check out [Bootstrap Border Radius Documentation](https://mdbootstrap.com/docs/standard/extended/border-radius/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Overlay](/assets/basic.png)

```html















```

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Border Radius Sizes:

![Bootstrap 5 Border Radius](/assets/size.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-sizes)

[Bootstrap Border Radius Circle:

![Bootstrap 5 Border Radius](/assets/circle.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-circle)

[Bootstrap Border Radius 0:

![Bootstrap 5 Border Radius](/assets/border-0.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-0)

[Bootstrap Border Radius Rounded:

![Bootstrap 5 Border Radius](/assets/rounded.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-rounded)

[Bootstrap Border Radius Top:

![Bootstrap 5 Border Radius](/assets/top.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-top)

[Bootstrap Border Radius Bottom:

![Bootstrap 5 Border Radius](/assets/bottom.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-bottom)

[Bootstrap Border Radius Sizes Image:

![Bootstrap 5 Border Radius](/assets/size.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-on-just-one-image)

___

## More extended Bootstrap documentation



Bootstrap avatar

Bootstrap profiles

Bootstrap borders

Bootstrap colors

Bootstrap buttons

Bootstrap images

Bootstrap tables