title: Fixed right sidebar in the container, bootstrap
body: <p>I use right sidebar with <code>container</code> class </p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="col-8 col-md-8 col-sm-6"&gt;
  main contents
  &lt;/div&gt;
  &lt;div class="col-4 col-md-4 col-sm-6 sidebar "&gt;
  side bar
  &lt;/div&gt;
  </code></pre>
  
  <p>Then make the right bar stick to the right side with this css.</p>
  
  <p>However, it sticks to the right side of browser.</p>
  
  <p>I want to stick to the right side of container width.</p>
  
  <p>Is it possible?</p>
  
  <pre><code>  .sidebar {
      position: fixed;
      top:0px;
      right:0px;
      display: block;
      overflow-x: hidden;
      overflow-y: auto
    }
  </code></pre>