Bootstrap 4 border

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

Bootstrap 4 border

<span class="border"></span>
<span class="border-top"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
<span class="border-left"></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>

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

3 votes334 views2 answers
Font awesome reload icon
Html
378 votes577 views6 answers
Font awesome
Html
0 vote301 views1 answer
Centralizing to the middle of the screen with bootstrap 5
Html
1 vote301 views1 answer
How to set canvas on background html
Html
1 vote324 views2 answers
Html select default value disabled
Html
0 vote365 views1 answer
Html onclick pass event
Html
1 vote301 views2 answers
ü html
Html
0 vote315 views2 answers
Change the font-size on a label css
Html
2 votes304 views2 answers
Hover message html
Html
5 votes340 views1 answer
Add link behind a button in html
Html