Resets expanding cols in Bootstraps gird system

expandable-cols.php

<div class="container">
	<div class="row">
		<?php foreach(GalleryAlbum::findAll() as $key => $album): ?>
		<div class="col col-xs-12 col-sm-6 col-md-4 col-lg-3">
			<!-- col content, gallery image-->
		</div>
		
		<div class="clearfix visible-xs-block<?php
if(($key + 1) % 2 == 0) {
	echo ' visible-sm-block';
}
if (($key + 1) % 3 == 0) {
	echo ' visible-md-block';
}
if (($key + 1) % 4 == 0) {
	echo ' visible-lg-block';
} ?>"></div>
		
		<?php endforeach; ?>
	</div>
</div>