<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-5"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">Arbitraj (TL)</h3> <div class="pull-right"> </div> </div> <div class="panel-body"> </div> <table class="table table-hover table-bordered" id="dev-table"> <tbody> <tr> <th></th> <th>Paribu <br>456</th> <th>Btcturk <br>456</th> <th>Koinim <br>456</th> </tr> <tr> <td>Bitoasis <br> 1223456 TL</td> <td>500 TL</td> <td>500 TL</td> <td>500 TL</td> </tr> <tr> <td>Bitstamp <br> 1223456 TL</td> <td>500 TL</td> <td>500 TL</td> <td>500 TL</td> </tr> <tr> <td>Kraken <br> 1223456 TL</td> <td>500 TL</td> <td>500 TL</td> <td>500 TL</td> </tr> <tr> <td>Gemini <br> 1223456 TL</td> <td>500 TL</td> <td>500 TL</td> <td>500 TL</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div>

.row{ margin-top:40px; padding: 0 10px; } .clickable{ cursor: pointer; } .panel-heading div { margin-top: -18px; font-size: 15px; } .panel-heading div span{ margin-left:5px; } .panel-body{ display: none; } .table { /* border: 1px solid #dddddd; */ } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; }