title: Bootstrap 3.0 : Fixed column
body: <p>Please find my design here : <a href="http://jsfiddle.net/2JGQa/" rel="nofollow">http://jsfiddle.net/2JGQa/</a></p>
  
  <p>I would like to fix the left column (included testlab_fr, 1er mail, ... , 10eme mail) like my header, how I can do that ?</p>
  
  <p>I saw affix but I don't know how to use it.</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col-sm-4"&gt;
    &lt;div class="row"&gt;
      &lt;ul class="list-group"&gt;
  
            &lt;li class="list-group-item"&gt;
              &lt;span class="badge"&gt;175&lt;/span&gt;
              testlab_fr
            &lt;/li&gt;    &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div class="row"&gt;
  
      &lt;div class="list-group"&gt;
  
  
        &lt;a href="http://localhost/mailbox/testlab_fr,26860-html" class="link_mail list-group-item active"&gt;
            &lt;h4 class="list-group-item-heading"&gt;1er mail&lt;/h4&gt;
            &lt;p class="list-group-item-text"&gt;il y a 1 hours&lt;/p&gt;
          &lt;/a&gt;
        &lt;a href="http://localhost/mailbox/testlab_fr,25877-html" class="link_mail list-group-item"&gt;
            &lt;h4 class="list-group-item-heading"&gt;10ème mail&lt;/h4&gt;
            &lt;p class="list-group-item-text"&gt;il y a 2 heures&lt;/p&gt;
          &lt;/a&gt;    &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;&lt;!-- /.col-sm-4 --&gt;
  </code></pre>