<!DOCTYPE html> <html> <head> <title>Bootstrap Panel With Tables</title> <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript" src=" https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <div class="panel panel-default"> <!-- Default panel contents --> <div class="panel-heading">Website URL's</div> <div class="panel-body"> <p>The following table contains some website url's.</p> </div> <!-- Table --> <table class="table"> <thead> <tr> <th>S.No</th> <th>Name</th> <th>URL</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Free Time Learn</td> <td>www.freetimelearn.com</td> </tr> <tr> <td>2</td> <td>Free Time Learning</td> <td>www.freetimelearning.com</td> </tr> <tr> <td>3</td> <td>FreeTimeLearn</td> <td>www.freetimelearn.xyz</td> </tr> <tr> <td>4</td> <td>FreeTimeLearning</td> <td>www.freetimelearning.xyz</td> </tr> </tbody> </table> </div> </div> </body> </html>
Output :
Topic :
Bootstrap Panel With Tables
