matchHeight.js

[daren]

I'm trying to equalize the HEIGHT of columns. I used this as a guide: http://codepen.io/ncerminara/pen/GZedpW

I included the script in my footer, I run the script immediately after (view source), I coded the HTML and CSS as described - but it doesn't work. Any ideas?

link to page:

since making this post, I was able to make the columns equal

www.kingsriver.com/about.php

I want the LEFT <div class="col-xs-12 col-md-8 pn tan"> and RIGHT <div class="col-xs-12 col-md-4 aboutBlu"> to be equal in height (until they stack). YES I know the script works off of the <div class="box"> just inside those divs... why don't they match in height?

Since making this post, I made the columns equal another way - you can see it on www.kingsriver.com/about.php

[daren]

If anyone has questions regarding bootstrap matchHeight.js feel free to reach me at www.web4uinc.com/