html – Bootstrap split cells with even spacing


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?

	display: inline-block;
	border-radius: 5px;
	border: solid 1px;
	height: 120px;
	width: 13%;
	position: relative;
	<link href="">
	<link href="">
	<script type="text/javascript" src=""></script>

<div class="container-fluid" style="padding: 0px">
	<table class="table table-bordered">


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

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

Scroll to Top