grid.css

 body * {
	box-sizing: border-box;
	border: 1px solid black;
	padding: 5px;
}

.container div {
	background: rgba(255, 0, 0, 0.25);
}

.container .row:after {
	content: '';
	display: block;
	clear: both;
}

.container .row [class^="col-"]{
	float: left;
}

.container .row .col-lg-1 {
	width: 8.3333333%;
}

.container .row .col-lg-2 {
	width: 16.6666666%;
}
.container .row .col-lg-3 {
	width: 25%;
}
.container .row .col-lg-4 {
	width: 33.3333333%;
}

.container .row .col-lg-5 {
	width: 41.6666666%;
}

.container .row .col-lg-6 {
	width: 50%;
}

.container .row .col-lg-7 {
	width: 58.3333333%;
}

.container .row .col-lg-8 {
	width: 66.66666666%;
}

.container .row .col-lg-9 {
	width: 74.9999999%;
}

.container .row .col-lg-10 {
	width: 83.3333333%;
}

.container .row .col-lg-11 {
	width: 91.6666666%;
}

.container .row .col-lg-12 {
	width: 100%;
}

		/*TABLET*/ 

@media only screen and ( max-width: 769px) {
	.container .row .col-md-0 {
			width: 0px;
			height: 0px;
			padding: 0;
	}

		.container .row .col-md-1 {
		width: 8.3333333%;
	}

	.container .row .col-md-2 {
		width: 16.6666666%;
	}
	.container .row .col-md-3 {
		width: 25%;
	}
	.container .row .col-md-4 {
		width: 33.3333333%;
	}

	.container .row .col-md-5 {
		width: 41.6666666%;
	}

	.container .row .col-md-6 {
		width: 50%;
	}

	.container .row .col-md-7 {
		width: 58.3333333%;
	}

	.container .row .col-md-8 {
		width: 66.66666666%;
	}

	.container .row .col-md-9 {
		width: 74.9999999%;
	}

	.container .row .col-md-10 {
		width: 83.3333333%;
	}

	.container .row .col-md-11 {
		width: 91.6666666%;
	}

	.container .row .col-md-12 {
		width: 100%;
	}

			/*Mobile*/

@media only screen and ( max-width: 415px) {
		.container .row .col-sm-1 {
		width: 8.3333333%;
	}

	.container .row .col-sm-2 {
		width: 16.6666666%;
	}
	.container .row .col-sm-3 {
		width: 25%;
	}
	.container .row .col-sm-4 {
		width: 33.3333333%;
	}

	.container .row .col-sm-5 {
		width: 41.6666666%;
	}

	.container .row .col-sm-6 {
		width: 50%;
	}

	.container .row .col-sm-7 {
		width: 58.3333333%;
	}

	.container .row .col-sm-8 {
		width: 66.66666666%;
	}

	.container .row .col-sm-9 {
		width: 74.9999999%;
	}

	.container .row .col-sm-10 {
		width: 83.3333333%;
	}

	.container .row .col-sm-11 {
		width: 91.6666666%;
	}

	.container .row .col-sm-12 {
		width: 100%;
	}

		/*Extra Small Device*/
@media only screen and ( max-width: 321px) {
		.container .row .col-xs-1 {
		width: 8.3333333%;
	}

	.container .row .col-xs-2 {
		width: 16.6666666%;
	}
	.container .row .col-xs-3 {
		width: 25%;
	}
	.container .row .col-xs-4 {
		width: 33.3333333%;
	}

	.container .row .col-xs-5 {
		width: 41.6666666%;
	}

	.container .row .col-xs-6 {
		width: 50%;
	}

	.container .row .col-xs-7 {
		width: 58.3333333%;
	}

	.container .row .col-xs-8 {
		width: 66.66666666%;
	}

	.container .row .col-xs-9 {
		width: 74.9999999%;
	}

	.container .row .col-xs-10 {
		width: 83.3333333%;
	}

	.container .row .col-xs-11 {
		width: 91.6666666%;
	}

	.container .row .col-xs-12 {
		width: 100%;
	}