<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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 col-md-4 col-sm-6 col-xs-12">
<div class="tile">
<div class="wrapper">
<div class="header">Real Account</div>
<table class="table table-hover">
<thead>
<tr>
<th scope="col" colspan="2">Acc. Number</th>
<th scope="col" >Type</th>
<th scope="col" >Minimum</th>
<th scope="col" >Balance</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"colspan="2">1947-id-num</th>
<td>CENT (SILVER)</td>
<td>10 USD </td>
<td> 0 USD <button type="button" class="btn btn-primary btn-sm">DEPOSITE</button> </td>
</tr>
<tr>
<th scope="row"colspan="2">1947-id-num</th>
<td>STANDRD (GOLD)</td>
<td>100 USD </td>