Bootstrap split cells with same spacing

Asked

Viewed 309 times

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>

  • 1

    puts <td nowrap="true"> that then the table content will give automatic break and the spacing will be normal.

1 answer

0

You can customize your bootstrap and download it the way you want by 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

Browser other questions tagged

You are not signed in. Login or sign up in order to post.