Set/Change Bootstrap GridView column background color in HTML,PHP

How to create GridView columns with different colors inside HTML,PHP code.

In this tutorial we are creating one row using Bootstrap class and inside them creating 4 columns and each column has its own background color code which we have define using custom style=”background-color:#code;” style. With this style tag we can set grid view each column color individually. So here is the complete step by step tutorial for Set/Change Bootstrap GridView column background color in HTML,PHP.

Set/Change Bootstrap GridView column background color in HTML,PHP

How to Set/Change Bootstrap GridView column background color in HTML,PHP.

https://www.android-examples.com/demo/heading-tag.html
Code for gridview-column-color.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Set Bootstrap GridView column background color in HTML,PHP</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
 
</head>
<body>

<div class="container-fluid">
 <h1>Hello Developers</h1>
 <p>Set/Change Bootstrap GridView column background color in HTML,PHP.</p>
 <div class="row">
 <div class="col-md-3" style="background-color:#FFCDD2;">col-md-3</div>
 <div class="col-md-3" style="background-color:#E1BEE7;">col-md-3</div>
 <div class="col-md-3" style="background-color:#FF4081;">col-md-3</div>
 <div class="col-md-3" style="background-color:#BBDEFB;">col-md-3</div>

 </div>
</div>


</body>
</html>