how to stick left and right side panel in bootstrap

Question

<div class="col-md-2">
                <div id="secondary" class="widget-area" role="complementary">

                        </aside><aside id="edd_categories_tags_widget-3" class="widget widget_edd_categories_tags_widget">
                        <h1 class="widget-title section-title"><span>Categories</span></h1>
                        <ul class="edd-taxonomy-widget">
                            <li >Breakfast</li>
                            <li >Soups</li>
                            <li >Main Course</li>
                            <li >Starters</li>
                            <li >Salads</li>
                        </ul>
                        </aside></div>
                </div>

I want to stick left side menu in the bootstrap page. Now it's going under navigation bar.enter image description here

Answer 1

You can see the answer of ZimSystem from here

The trick is using the affix component along with some CSS to position it:

 #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:228px;
  }

  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }