Bootsrap 100% height column

#main-row{overflow:hidden} /* The row that contains your sidebar. If you run into anchor tag issues with the overflow try applying this to a different parent divĀ  */
#secondary{background:#E1E9EC; margin-bottom:-1000px; padding-bottom:1000px} /* Your sidebar */


/* Lots of problems with this, use this css and jquery if you cant deal with the anchor issues */

<script type="text/javascript">
var mainRowHeight = jQuery("#main-row").outerHeight(true);
jQuery("#secondary").css("height", mainRowHeight + 'px');

/* The CSS */

@media (max-width: 991px){
#secondary{height:inherit !important}