Good night, I'm trying to make a table in bootstrap with 7 columns, but I need them to have the same spacing .. I'm using because with the structure of col-md, sm, xl ... of a prime number, so when I use the responsive ones, the cells also stay, and if I stipulate a width they do not decrease, and% is not accurate .. any ideas?
.eventodia{
display: inline-block;
border-radius: 5px;
border: solid 1px;
height: 120px;
width: 13%;
position: relative;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script><divclass="container-fluid" style="padding: 0px">
<table class="table table-bordered">
<thead>
<tr>
<th>Domingo</th>
<th>Segunda</th>
<th>Terça</th>
<th>Quarta</th>
<th>Quinta</th>
<th>Sexta</th>
<th>Sábado</th>
</tr>
</thead>
<tbody>
<tr>
<td>daadsasdasdd</td>
<td>dasd</td>
<td>dasd</td>
<td>dasd</td>
<td>dasd</td>
<td>dasd</td>
<td>dasd</td>
</tr>
</tbody>
</table>
</div>