i'm in rails with bootstrap. 

i have a product site with many products. i need to display my products in a grid format for the "store front". each product has a photo and some info. 

i saw [this](https://stackoverflow.com/questions/18304619/how-do-i-space-these-images-inside-of-a-bootstrap-3-grid-system) post and [this](https://stackoverflow.com/questions/18763719/images-not-resizing-default-bootstrap-classes-only) post but they are not what i'm looking for.

i am trying to iterate over each product using product.each while attempting to use bootstrap's grid system. 

i will need to add additional products as time goes on and therefore need each product to flow from one row to the next.
i have not used any additional css styling outside of bootstrap.

as of now, i appears that each products is dropping to next row and that each product is inside it's own column, but any attempt i make to resize the image or the div or col that each product is inside, everything becomes misaligned.

here is my html.erb file:

```
<div class="row">
 <% @products.each do |product| %>
  <div class="col-md-3">
   <div id="storeimages">
    <%= image_tag(product.image_url, class: "img-responsive") %>
    <h3><%= product.title %></h3>
    <div><%= sanitize(product.description) %></div>
    <div><%= number_to_currency(product.price) %></div> 
    <%= button_to 'Add to Cart', line_items_path(product_id: product), 
         class: 'btn btn-info btn-sm', remote: true %>
   </div>
  </div>
 <% end %>
</div>

```