<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!-- dirty spacers -->
<br />
<br />
<div class="container">
<div class="row equal-panels">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h1>Large Header</h1>
</div>
<div class="panel-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis sem dui.
</div>
<div class="panel-footer">
<div class="pull-right">
Small Footer
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-info">
<div class="panel-heading">
<span>small header</span>
</div>
<div class="panel-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent quis sem dui. Maecenas consectetur augue et tortor
scelerisque ultricies. Ut posuere at enim id mollis. Mauris
nec vestibulum augue. Morbi imperdiet nibh vel elit tempor
dignissim. Sed nec diam eget mi sagittis fermentum ac non
augue. Aliquam odio nibh, feugiat in luctus ut, accumsan sit
amet lorem. Pellentesque aliquam erat enim, et porta eros
faucibus ullamcorper. Donec sed lobortis ligula. Phasellus
volutpat ante nulla, interdum suscipit velit dapibus
tristique. Quisque id purus lorem. Phasellus rutrum massa
mi, in gravida magna consectetur sed. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Proin faucibus risus lectus, id sollicitudin
ipsum commodo ac. Fusce est ante, commodo eu arcu quis,
congue sagittis sem.
</div>
<div class="panel-footer">
<div class="pull-right">
<h2>Big Footer</h2>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
