title: Position fixed in a group list (Bootstrap)
body: <p>I have a group list and I'm trying to make them position fixed.</p>
  
  <p>I have the following HTML: </p>
  
  <pre><code>&lt;div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation"&gt;
      &lt;div class="list-group"&gt;
          &lt;a href="#" class="list-group-item"&gt;Home&lt;/a&gt;
          &lt;a href="#" class="list-group-item active"&gt;Quem-somos&lt;/a&gt;
          &lt;a href="#" class="list-group-item"&gt;FAQ&lt;/a&gt;
          &lt;a href="#" class="list-group-item"&gt;&lt;strong&gt;Reserve agora&lt;/strong&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;!--/span--&gt;
  </code></pre>
  
  <p>And I tried to setup this in my CSS:</p>
  
  <pre><code>#sidebar {
     position: fixed;
  }
  </code></pre>
  
  <p>And the result is this:</p>
  
  <p><img src="https://i.imgur.com/rGuARGT.png" alt=""></p>
  
  <p>I fixed but not in the left side of my page. Anyone knows how to fix this?</p>