My_grid

I have some problem with grid.

by Andreu

HTML

<div class="container">
		<div class="row">
			<div class="cols col-md-3">Lorem ipsum dolor sit amet, consectetur adipisicing.</div>
			<div class="cols col-md-3">Impedit ut, corporis fugiat iure quod quisquam.</div>
			<div class="cols col-md-3">Iste dolores, consequuntur eaque impedit dolorem laborum.</div>
			<div class="cols col-md-3">Tenetur nulla magni animi, vero error veniam?</div>
			<div class="cols col-md-3">Quam distinctio aperiam temporibus cum saepe veniam.</div>
			<div class="cols col-md-3">Numquam omnis commodi qui doloribus quibusdam debitis.</div>
		</div>
	</div>

CSS

*{
	padding: 0px;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face{
	font-family: 'Hero';
	src:url(../fonts/Hero.wolf);
}

body{
	font: 100%/1.25em;
}


p{
	font-family: Hero;
}

.container{
	width: 90%;
	margin: 0 auto;
}

.container .cols{
	float: left;
	margin: 0 0 1em;
	padding: 0 1em;
	text-align: center;
}
.clear:after,
.clear:before,
.container:after,
.container:before,
.row:before,
.row:after{
	content: "";
	display: table;
}

.clear:after,
.container:after,
.row:after{
clear: both;
}

.container  .cols.col-md-1{width: 8.33%}
.container  .cols.col-md-2{width:16.66%}
.container  .cols.col-md-3{width: 24.99%}
.container  .cols.col-md-4{width: 33.32%}
.container  .cols.col-md-5{width: 41.65%}
.container  .cols.col-md-6{width: 49.89%}
.container  .cols.col-md-7{width: 58.31%}
.container  .cols.col-md-8{width: 66.63%}
.container  .cols.col-md-9{width: 74.97%}
.container  .cols.col-md-10{width:83.3%}
.container  .cols.col-md-11{width:91.63%}
.container  .cols.col-md-12{width:100%}