How do I bottom-align grid elements in bootstrap fluid layout

http://stackoverflow.com/questions/13841387/how-do-i-bottom-align-grid-elements-in-bootstrap-fluid-layout

by Jeromy French

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//maxcdn.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="container-fluid">
    <div class="row-fluid myrow">
        <div class="span6">
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porta cursus dignissim. Nunc sollicitudin nulla sed ante elementum suscipit. Nullam porta velit ac arcu dignissim ut ornare nisl mattis. Nulla euismod pretium est, at venenatis quam posuere id. Ut quis massa nisl, a dictum augue. Aliquam erat volutpat. Sed pharetra dignissim felis, in varius risus elementum sit amet. Ut id enim interdum elit pellentesque convallis. Suspendisse potenti. In ligula libero, rhoncus hendrerit vestibulum elementum, tempus eu lorem. Suspendisse vitae felis lorem, vel scelerisque velit. Duis consectetur ultricies massa non commodo. Maecenas eu erat eget purus tincidunt blandit. Et</p>
        </div>
        <div class="span6 pull-down">
            <p>Some text</p>
            <a class="btn btn-info">And a button</a>
        </div>
    </div>
</div>

CSS

.container {
    margin-top: 10px;
}

JavaScript

//for each element that is classed as 'pull-down', set its margin-top to the difference between its own height and the height of its parent
$('.pull-down').each(function() {
  var $this=$(this);
	$this.css('margin-top', $this.parent().height()-$this.height())
});