If you are making a grid with Bootstrap you might run into an issue with column not clearing correctly. If you are making a 3 column grid you could easily add a “row” around every 3rd items which would solve the clearing issue but if you have dynamic content (such as a 3 column portfolio gird) this might not be possible. Instead you can use the following jQuery to add a clear span after every 3rd item.
$('div.portfolio-surround > div.col-sm-4:nth-child(3n)').after('<span class="clear"></span>');
Then you could use some CSS like this (you might want to add media quiries depending on your application):