Bootstrap 3 Clear Rows
by Bruno Alla
HTML
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<div class="container-fluid">
<div class="row-fluid">
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-warning">
Three<br/>
Lines<br/>
Jump
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-danger">
Four<br/>
Lines<br/>
Re<br/>
Jump
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
</div>
<div class="col-xs-2 label-info">
Two<br/>
Lines
...
CSS
.col-xs-2:nth-child(6n+1) {
clear: left;
}
.col-xs-2 {
border: 1px solid grey;
}