Rounded bootstrap

Border radius bootstrap

Border-radius
Add classes to an element to easily round its corners.

<img src="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-0">

Outline text bootstrap

<span class="border">Text</span>
<span class="border-top">Text</span>
<span class="border-right">Text</span>
<span class="border-bottom">Text</span>
<span class="border-left">Text</span>

Source: getbootstrap.com

Border bootstrap

<span class="border border-primary"></span>
<span class="border border-secondary"></span>
<span class="border border-success"></span>
<span class="border border-danger"></span>
<span class="border border-warning"></span>
<span class="border border-info"></span>
<span class="border border-light"></span>
<span class="border border-dark"></span>
<span class="border border-white"></span>

<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-right-0"></span>
<span class="border-bottom-0"></span>
<span class="border-left-0"></span>

Source: getbootstrap.com

Bootstrap 5 rounded

<img src="..." class="rounded" alt="...">
<img src="..." class="rounded-top" alt="...">
<img src="..." class="rounded-end" alt="...">
<img src="..." class="rounded-bottom" alt="...">
<img src="..." class="rounded-start" alt="...">
<img src="..." class="rounded-circle" alt="...">
<img src="..." class="rounded-pill" alt="...">

Source: getbootstrap.com

Bootstrap border radius

<!-- Bootstrap@5 - Border Radius -->
<img src="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-0">

Source: getbootstrap.com

Rounded bootstrap

//rounded with bootstrap

<img src="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-0">

Source: getbootstrap.com

Similar codes

0 vote257 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
1 vote258 views3 answers
Copy text on click bootstrap
Javascript Bootstrap
0 vote287 views1 answer
Bootstrap 3 dropdown don't close on click
Javascript Bootstrap
33 votes257 views3 answers
React native bootstrap
Javascript Bootstrap
35 votes282 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
0 vote260 views1 answer
Bootstrap remove unused css
CSS Bootstrap
0 vote259 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
0 vote267 views1 answer
How to pass js data in bootstrap modal body without using input tag
Javascript Bootstrap
0 vote282 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
27 votes263 views5 answers
Angular bootstrap
Javascript Bootstrap