How to insert multiple tables in panel

Manideepgoud
Posted by Manideepgoud under Bootstrap category on | Points: 40 | Views : 1579
To insert tables in panel we use div class as row and in that row we have created two tables

<h2>Panels</h2>
<div class="container-fluid">
<div class='panel panel-primary'>
<div class='panel-heading'><h1>SN ITFUNDA</h1></div>
<div class='panel-body'>
<div class='row-fluid col-xs-12'>
<h4>Inserting tables side by side in a panel</h4>
<div class='col-xs-6'>
<table class='table table-bordered'>
<tr>
<th>KIDSFUNDA</th>
<th>DOTNETFUNDA</th>
</tr>
<tr>
<td>DRAWINGS</td>
<td>FORUMS</td>
</tr>
<tr>
<td>VIDEOS</td>
<td>INTERVIEWS</td>
</tr>
</table>
</div>
<div class='col-xs-6'>
<table class='table table-responsive'>
<tr>
<th>TECHFUNDA</th>
<th>ITFUNDA</th>
</tr>
<tr>
<td>JAVASCRIPT</td>
<td>ONLINJE TRAINING</td>
</tr>
<tr>
<td>ANGULARJS</td>
<td>OFFLINE TRAINING</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>

Comments or Responses

Posted by: Bhuvanesh6 on: 8/4/2016 Level:Starter | Status: [Member] | Points: 10
Simple & Good one

Login to post response