Bootstrap 4
Bootstrap 4 Borders
The Bootstrap's different types border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
Basic Borders

Add classes to an element to remove all borders or some borders.

<style type="text/css">
.box{
width:100px;
height:80px;
background:#EEE;
margin:5px;
float:left;
border:1px solid #000;
}
</style>

<span class="box border"></span>
<span class="box border-0"></span>
<span class="box border-top-0"></span>
<span class="box border-right-0"></span>
<span class="box border-bottom-0"></span>
<span class="box border-left-0"></span>
Output :
Border Colors
<style type="text/css">
.box{
	width:100px;
	height:80px;
	background:#EEE;
	margin:5px;
	float:left;
}
</style>

<span class="box border border-primary"></span>
<span class="box border border-success"></span>
<span class="box border border-info"></span>
<span class="box border border-secondary"></span>
<span class="box border border-danger"></span>
<span class="box border border-warning"></span>
<span class="box border border-light"></span>
<span class="box border border-dark"></span>
<span class="box border border-white"></span>
Output :
Border-radius
<style type="text/css">
.box{
	width:100px;
	height:80px;
	margin:5px;
	float:left;
}
</style>

<img src="../images/content/images-3.jpg" alt="Image Border" class="box rounded">
<img src="../images/content/images-3.jpg" alt="Image Border" class="box rounded-top">
<img src="../images/content/images-3.jpg" alt="Image Border" class="box rounded-right">
<img src="../images/content/images-3.jpg" alt="Image Border" class="box rounded-bottom">
<img src="../images/content/images-3.jpg" alt="Image Border" class="box rounded-left">
<img src="../images/content/images-3.jpg" alt="Image Border" class="box rounded-circle">
<img src="../images/content/images-3.jpg" alt="Image Border" class="box rounded-0">
Output :

We see you’re using an ad blocker.

Our website is made possible by displaying ads to our visitors.

Please help us continue to provide you with free. So please disabling your ad blocker.