Div to Fill Extra Space via jQuery?

[emaildano]

Any suggestion on a script that would fill the extra space of a div?

My ultimate goal would be to have this div (the one that should fill the extra space) to push down the div below it so it’s aligned to the bottom.

Below is a visual reference of what I’m trying to do.

https://www.dropbox.com/s/33n7e1sndskvjza/Screen%20Shot%202013-11-20%20at%209.54.21%20AM.png

I’m using the following Bootstrap panels markup.

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Panel title</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
  <div class="panel-footer">
      Panel footer
  </div>
</div>

[TheDoc]

No jQuery needed!

.panel {
    position: default;
}

.panel-footer {
    position: absolute;
    bottom: 0;
}

[Author]

Posts