JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://kelvinator.dk/css/bootstrap-responsive.css">
<link rel="stylesheet" href="http://kelvinator.dk/css/bootstrap.min.css">
<body>
    <div class="container">

        <div class="row-fluid">

            <div class="span6">
                <div class="alert alert-info">
                    this has text <br/>
                    this has text <br/>


                </div>
            </div>
            <div class="span6">
                <div class="alert alert-success">
                    <div class="media">
                        This needs to be same size as the other box.<br />
                        This needs to be same size as the other box.<br />  
                        This needs to be same size as the other box.<br />
                        This needs to be same size as the other box.<br />
                        This needs to be same size as the other box.<br />
                        This needs to be same size as the other box.

                    </div>
                </div>
            </div>
        </div>

    </div>



</body>

CSS

.alert{
    min-height:150px;
}