Responsive bootstrap grid with 6 columns of equal heights In the front page of our website, I would like to list down groups led by researchers and each group is having a thumbnail picture and a title where the picture is of fixed width/height but, the title is not (could be small or large - title appearing a the bottom of the image). 

For some reason the grid is not displaying properly and I feel like it is due to the big/small titles of the groups which cause this issue. Column heights could be an issue. 

My settings are as follow: 

Drupal 7
Views 3 (Block and/or Page) 
Unformatted 
Fields 

http://www.bootply.com/wtGxTJjXva  (I have 18 divs and they have to be divided into six in each row but, it does not) - could anyone point out what I am missing? 



According to the image, first row and last column is showing two divs rather than one and in second row I got three divs squeezing into single column.
You should use 'Bootstrap Grid' format for Views in some cases, which you'll be able to select after install/enable of the Views Bootstrap module. Here is a quote about this module (from its project page):


  ... enables you to create components following the theme structure of the Bootstrap framework all within the configuration settings of the powerful Views module.