Bootstrap negates existing code for box hieght

Based on a previous post i had placed this code:

.hikashop_products_listing .hikashop_subcontainer {
min-height: 320px;
}
to make sure my product box heights were all the same size which worked fine as you can see by my first image. However, I had to change the back end general display to use bootstrap design in order to accommodate the way the products show up on tablets - portrait view (they were not wrapping correctly) now it appears my product names are not wrapping and when viewing on a standard monitor (see image 2) they are not sizing properly.

I am a confused. The first image has a wrapped title, and the only thing i did was turn bootstrap on in hikashop. I did not add or delete any additional CSS. So it appears turning on the bootstrap altered something?

Hi,

Thanks to follow that tutorial in order to find from where this problem come:
www.hikashop.com/support/documentation/1...ize-the-display.html

As Jérome said, you probably have to find something related on the word wrapping in the bootstrap css file.

EDIT:
After looking at your other topic about this problem:
www.hikashop.com/forum/4-how-to/79472-pr...pping-pr.html#130809

It seems that you are using the list display type, thanks to try with the div one in the menu/module parameters.
You template is overriding our css properties, we set a width in percentage for this kind of listings, but on your page, it's missing.