Nodes appear out of line - views
I think that you will find the answer here:

Responsive column resets


  With the four tiers of grids available you're bound to run into issues
  where, at certain breakpoints, your columns don't clear quite right as
  one is taller than the other. To fix that, use a combination of a
  .clearfix and our responsive utility classes.


If it is too difficult to add above mentioned classed divs in the layout (can be done via templating Views) you should add your own styling wherein you use the n-th group of CSS selectors to clear at the different media queries. 

The problem arises from the fact that your views rows do not have equal height and therefore do not flow as you want it to.

Also look at this post Bootstrap 3.0:responsive column resets section of the documentation

And for a module to assist you can try this: gido's sandbox: Views Bootstrap Responsive Grid


  Views Bootstrap Responsive Grid module enable you to take advantage of
  the Bootstrap 3 Grid System columns reset. With this module you can
  define the number of items per row for each breakpoints. All of this
  within the great configuration settings of the View module.