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

0 vote133 views2 answers
Mobile app
Html
19 votes145 views3 answers
Picsum random photos
Html
0 vote162 views1 answer
Image carousel output
Html
1 vote155 views1 answer
Html i tag
Html
2 votes160 views1 answer
Time element html
Html
32 votes139 views2 answers
Css change color on hover
Html
7 votes153 views1 answer
How to call an id in css
Html
0 vote157 views1 answer
How to load at bottom of page html
Html
0 vote145 views1 answer
Center htl
Html
230 votes334 views6 answers
How to connect a javascript file to html
Html