Bootstrap 3.0: Stała kolumna

Question

Proszę znaleźć mój projekt tutaj: http://jsfiddle.net/2JGQa/

chciałbym naprawić lewa kolumna (wliczone testlab_fr, 1er mail, ... 10eme mail) jak mój cel, w jaki sposób mogę to zrobić ?

Widziałem przymierze, ale nie wiem, jak go użyć.

<div class="row"> 
<div class="col-sm-4"> 
    <div class="row"> 
    <ul class="list-group"> 

      <li class="list-group-item"> 
      <span class="badge">175</span> 
      testlab_fr 
      </li> </ul> 
    </div> 
    <div class="row"> 

    <div class="list-group"> 


     <a href="http://localhost/mailbox/testlab_fr,26860-html" class="link_mail list-group-item active"> 
      <h4 class="list-group-item-heading">1er mail</h4> 
      <p class="list-group-item-text">il y a 1 hours</p> 
     </a> 
     <a href="http://localhost/mailbox/testlab_fr,25877-html" class="link_mail list-group-item"> 
      <h4 class="list-group-item-heading">10ème mail</h4> 
      <p class="list-group-item-text">il y a 2 heures</p> 
     </a> </div> 
    </div> 
</div><!-- /.col-sm-4 --> 

Answer 1

Znajdziesz docs dla przydomkiem plugin tutaj: http://getbootstrap.com/javascript/#affix oblewania he elementy, które chcesz umieścić w div pojemnika (B.E. id = "subnav").

Służy do ustawiania tego kontenera przez JavaScript lub za pomocą atrybutów danych.

javascript: $('#subnav').affix(); lub poprzez atrybuty danych: <div id="subnav" data-spy="affix">

Powoduje, że nie chcesz, aby elementy nakładały się na twój stały pasek nawigacyjny, musisz ustawić przesunięcie górne. Przesunięcie górne powinno być co najmniej wysokością twojego navbara.

Jeśli twój projekt ma stopkę, ustawisz także dolne przesunięcie. Ponieważ nie chcesz, aby przymocowany element nakładał się na stopkę.

Javascript: $('#subnav').affix({offset:{top:150,bottom:150}}); lub poprzez dane atrybuty: <div id="subnav" data-spy="affix" data-offset-top="150" data-offset-bottom="150">

Zastosowanie CSS do umieszczania elementów na szczycie dokumentów: .affix{position:fixed;top:0px;}

Więcej przykładów: https://github.com/twbs/bootstrap/pull/9902/files