Align to bottom in bootstrap row

This fiddle shows how to align item to bottom inside bootstrap row

by Alvaro Aneiros

HTML

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="col-xs-4 border-gray">
             <h1>One div</h1>

        </div>
        <div class="col-xs-4 border-gray">
             <h1>Other div</h1>

        </div>
        <div class="col-xs-4 to-bottom border-gray">
            <button class="btn btn-primary">Button</button>
        </div>
    </div>
</div>

CSS

.row {
    position: relative;
}
.border-gray {
    border: solid thin gray;
}
.to-bottom {
    position: absolute !important;
    bottom:0;
    right:0;
}
.container {
    margin-top:30px;
}