<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="col-md-6"> <table class="table"> <th>Name</th> <th>Company</th> <th>Department</th> <th>Sallery</th> <tr> <td>PremKumar</td> <td>Kambaa</td> <td>Web Development-Php</td> <td>17000</td> </tr> </table> </div> <div class="col-md-6"> <table class="table2"> <th>Name</th> <th>Company</th> <th>Department</th> <th>Sallery</th> <tr> <td>Manikandan</td> <td>Kambaa</td> <td>Web Development-Php</td> <td>17000</td> </tr> </table> </div> </div> </div> </div>

.table{ border:box; } .table td{ color:green; font-size:15px; } .table th{ color:blue; } .table2{ border:box; } .table2 td{ color:green; font-size:15px; } .table2 th{ color:blue; }