3
Good evening, I’m trying to make a bootstrap table with 7 columns, but I need them to have the same spacing.. I am using because with the structure of col-Md, Sm, Xl... I did not see 7 as 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 in % is not exact.. any idea?
.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>
<div class="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>
puts <td nowrap="true"> that then the table content will give automatic break and the spacing will be normal.
– Everton Figueiredo