I have a bunch of images in my bootstrap application.

I am trying to get them vertically aligned, like this:

![enter image description here](https://i.stack.imgur.com/KyspK.png)

This is what I currently have: <http://jsfiddle.net/9v97xsp9/>

And the HTML:

```
<div class="row">
    <div class="col-md-2">
        <img src="http://lorempixel.com/400/300/" alt="" />
    </div>
    <div class="col-md-2">
        <img src="http://lorempixel.com/200/400/" alt="" />
    </div>
    <div class="col-md-2">
        <img src="http://lorempixel.com/500/250/" alt="" />
    </div>
    <div class="col-md-2">
        <img src="http://lorempixel.com/250/400/" alt="" />
    </div>
</div>

```

How can I accomplish this?