css html twitter-bootstrap

How to make one div scrollable and other unscrollable using bootstrap

I am creating a bootstrap template which will be contain two divs, from which one div the left-one should be fixed and the right one should be scrollable, similar to the I have tried the following code:

<div class="row">
<div class="col-md-6">
<img src="">
</div><!--Fixed one-->
<div class="col-md-6">

It will solve your problem

.col-md-6:nth-child(2) {
height: 200px; // Set this height to the appropriate size
overflow: scroll;