This plugin wraps your Woocommerce views in the Twitter's Bootstrap Grid. Makes your views full responsive. No changes to your theme or other plugins needed.
The responsive columns resets used to fix issue #1 help to solve this issue. The layout with 1 (mobile), 2 (tablet) and 3 (desktop) can be used by setting the number of columns to 31.
now:
desired: