I am trying to create a layout like this :

![enter image description here](https://i.stack.imgur.com/TZvBG.png)

I wrote html like this :

```
<div class="container">
       <div class="row">
    <div class="col-xs-12">
        <div class="row">
            <!-- Left side -->
            <div class="col-lg-3 col-md-3">
                <div class="row">
                   <div style="height:400px">
                     container of menu item, which should be fix on top   
                    <div>
                </div>
            </div>

            <!-- Right side -->
            <div class="col-lg-9 col-md-">
                <div class="row">
                   <div class="row">
                   <div style="height:900px">
                       Div Scrollable <div>
                </div>
                </div>
            </div>
        </div>
    </div>

```

How could i achieve this ?? please help me