html – Bootstrap split cells with even spacing

Question:

Good night, I'm trying to make a bootstrap table with 7 columns, but I need them to have the same spacing… I'm using it because with the structure of col-md, sm, xl… I couldn't get 7 if it's a number cousin, so when I use the responsive, the cells are also, and if I stipulate a width they don't decrease, and in % it's not exact… any ideas?

.eventodia{
	display: inline-block;
	border-radius: 5px;
	border: solid 1px;
	height: 120px;
	width: 13%;
	position: relative;
}
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link 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>

Answer:

You can customize your bootstrap and download it however you like from the bootstrap website:

https://getbootstrap.com/docs/3.3/customize/

In your case, just go to the Grid System part and change @grid-columns to 7 or multiple

Scroll to Top