Q:

Bootstrap 2 col in same height

How to make both in same height without using margin-bottom: -999px?
I more refer using jquery to control height instead of use css trick. I have tried margin-bottom: -999px, it just make mess. 
<div class="container-fluid">       
<div class="row">

        <div class="col-md-6 col-xs-6 col-sm-6">

            <div class="content-box">

                <h4>Vision</h4>

                <p>Global leader in ensuring quality learning in the Financial Services Industry.</p>

            </div>

        </div>

        <div class="col-md-6 col-xs-6 col-sm-6">

            <div class="content-box">

                <h4>Mission</h4>

                <p>Finance Accreditation Agency (FAA) is an international and independent quality assurance and accreditation body for the Financial Services Industry (FSI) supported by Bank Negara Malaysia and Securities Commission Malaysia (SC). It is responsible for quality assurance of learning initiatives within the FSI, including programme accreditation, institutional audits and programme evaluation.</p>

            </div>

        </div>

    </div>
</div>

http://jsfiddle.net/pFbXd/

A:

this calculate the highest div and then force the div to have the same height.
$(document).ready(function(){

    $('.container-fluid').each(function(){  
        var highestBox = 0;

        $(this).find('.content-box').each(function(){
            if($(this).height() > highestBox){  
                highestBox = $(this).height();  
            }
        })

        $(this).find('.content-box').height(highestBox);
    });     
});

Here is the Working Demo. http://jsfiddle.net/kheema/pFbXd/4/

