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

55 votes287 views5 answers
Bootstrap 3 button
CSS Bootstrap
18 votes205 views6 answers
Install bootstrap angular 9
CSS Bootstrap
0 vote217 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
0 vote180 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap
98 votes309 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
33 votes201 views3 answers
React native bootstrap
Javascript Bootstrap
0 vote217 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
0 vote209 views2 answers
Make all images same size bootstrap
CSS Bootstrap
-1 vote197 views2 answers
Bootstrap set active tab javascript
Javascript Bootstrap
14 votes217 views4 answers
Text align left bootstrap
CSS Bootstrap