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">
jQuery(document).ready(function(){
var mainRowHeight = jQuery("#main-row").outerHeight(true);
alert(mainRowHeight);
jQuery("#secondary").css("height", mainRowHeight + 'px');
});
</script>

/* The CSS */

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