WooCommerce – problem with floats (columns)

[Topic moderated to be relevant]

Hi, I am trying to resolve this issue I have with some columns on my woocommerce shop page. If you look here you will see that the floats are causing a break after the first “row”. I am pretty much been trying to have six per row but because I am inserting the div classes via woocommerce actions and filters I cannot seem to get it right and it breaks after the first row.

Here is a sample of my functions.php

//correct default woo behavior to inherit our theme styles
function bones_before_shop_loop(){
	echo
	'<div class="twelve columns">
	<div class="one columns placeholder"></div>
	<div class="ten columns">';
}

function bones_after_shop_loop(){
	echo
	'</div>
	<div class="one columns placeholder"></div>
	</div>';
}
function bones_before_subcategory(){
	echo '<div class="two columns">';
}

function bones_after_subcategory(){
	echo '</div>';
}
add_action('woocommerce_before_subcategory', 'bones_before_subcategory');
add_action('woocommerce_after_subcategory', 'bones_after_subcategory');
add_action('woocommerce_before_shop_loop', 'bones_before_shop_loop');
add_action('woocommerce_after_shop_loop', 'bones_after_shop_loop');

Any suggestions would be greatly appreciated!