Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
 <div class="row">
        
       
              <div class="col-xs-9 left-side">
                <p>sdfsdf</p>
                <p>sdfsdf</p>
                <p>sdfsdf</p>
                <p>sdfsdf</p>
              </div>
            <div class="row right-side">
               <div class="col-xs-3 right-side-up">
                asdfdf
               </div>
            
               <div class="col-xs-3 right-side-down">
                asdfdf
               </div>
            </div> <!-- close row -->
          
        
</div>
</body>
</html>
 
@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.left-side {
    background-color: green;
    height: auto;
}
.right-side-up {
    background-color: red;
    height:100px;
}
.right-side-down{
    background: blue;
    height: 80px;
}
 
$(document).ready(function () { 
        var maxheight = Math.max($(".left-side").height(), $(".right-side").height());
        $(".right-side,.left-side").css("height", maxheight);
        });
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers