Bootstrap border radius

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 substractive border right

<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>

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 vote199 views1 answer
<aside> Tag in hindi
Html
0 vote210 views1 answer
Location nearby html
Html
1 vote214 views1 answer
Bootstrap upload image plugin for html
Html
0 vote198 views1 answer
Dot icon in html
Html
1 vote150 views1 answer
How to pass a model in a partial view
Html
0 vote218 views1 answer
Loading screen svg and css animation
Html
0 vote195 views1 answer
Roboto font embed
Html
0 vote190 views1 answer
HTML5 Video tag not working Safari iPhone iPad video webpage supported
Html
0 vote265 views1 answer
Html maintain text in one line
Html
25 votes192 views4 answers
Html select default value
Html