Bootstrap Add Space(padding) Between Rows

0
()

Today, We want to share with you bootstrap padding between rows.In this post we will show you how to add margin to bootstrap columns?, hear for Bootstrap Add Space Between Rows | Add Margin Css Example we will give you demo and example for implement.In this post, we will learn about form group bootstrap with an example.

Bootstrap Add Space Between Rows

Bootstrap Add Space Between Rows Css Example:

Read Also:  Handling Arrays using jQuery Tutorial with Examples

Example 1:

<div class="row mt-2">

</div>

Bootstrap Add Row Margin Example:

index.html

<html>
<head>
<title>Bootstrap Grid - www.pakainfo.com</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</head>
<style>
.row-margin-05 { margin-top: 0.5em; }
.row-margin-10 { margin-top: 1.0em; }
.row-margin-20 { margin-top: 2.0em; }
.row-margin-30 { margin-top: 3.0em; }
</style>
<body>
<div class="container">
  <div class="row row-margin-05" style='background:yellow;'>
	  <h2>Row 1</h2>
  </div>
  <div class="row row-margin-05" style='background:skyblue;'>
	   <h2>Row 2</h2>
  </div>
  <div class="row row-margin-05" style='background:gray;'>
	   <h2>Row 3</h2>
  </div>
  <div class="row row-margin-05" style='background:skyblue;'>
	   <h2>Row 4</h2>
  </div>
</div>
</body>
</html>               

Download

I hope you get an idea about add blank line in bootstrap.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Free Live Chat for Any Issue