Untitled

<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Title Page</title>

        <!-- Bootstrap CSS -->
        <link href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <style>

.row.test {
  overflow: hidden;
}
.row.test > [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
        </style>
    </head>
    <body>
        <h1 class="text-center">Hello World</h1>
        <div class="container">
            <div class="row test">
                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="background:black;">
                    <div class="well"></div>
                </div>
                <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error accusamus fuga nesciunt dignissimos fugiat! Consectetur sunt delectus doloremque ea repellendus deserunt voluptatum harum dolor aut natus aliquam adipisci laborum dolorum, tenetur fugit. Vero eveniet voluptatum, quasi officia commodi aliquam at harum porro sunt voluptate, dignissimos modi culpa expedita numquam incidunt dolor ipsa vel optio asperiores, fugiat reprehenderit, veniam placeat fugit? Ab inventore magni error totam debitis quam delectus dicta suscipit distinctio id, blanditiis maxime atque ut, in deleniti voluptates facilis voluptatem. Eligendi adipisci vero rem, officia reiciendis magni dignissimos cumque ullam reprehenderit, unde doloribus minus repudiandae delectus, blanditiis nihil, harum!
                </div>
            </div>
            <h1 class="text-center">VS</h1>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="background:black;">
                <div class="well"></div>
            </div>
            <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error accusamus fuga nesciunt dignissimos fugiat! Consectetur sunt delectus doloremque ea repellendus deserunt voluptatum harum dolor aut natus aliquam adipisci laborum dolorum, tenetur fugit. Vero eveniet voluptatum, quasi officia commodi aliquam at harum porro sunt voluptate, dignissimos modi culpa expedita numquam incidunt dolor ipsa vel optio asperiores, fugiat reprehenderit, veniam placeat fugit? Ab inventore magni error totam debitis quam delectus dicta suscipit distinctio id, blanditiis maxime atque ut, in deleniti voluptates facilis voluptatem. Eligendi adipisci vero rem, officia reiciendis magni dignissimos cumque ullam reprehenderit, unde doloribus minus repudiandae delectus, blanditiis nihil, harum!
            </div>
        </div>
        <!-- jQuery -->
        <script src="http://code.jquery.com/jquery.js"></script>
        <!-- Bootstrap JavaScript -->
        <script src="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    </body>
</html>