引導3.0：固定列

請在這裏找到我的設計：http://jsfiddle.net/2JGQa/引導3.0：固定列

我想修復左邊的列（包括testlab_fr，一級郵件，...，10eme郵件）像我的頭，我怎麼能做到這一點？

我看到了詞綴，但我不知道如何使用它。

<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 -->

來源

2013-08-31 eXorus

你會發現在這裏詞綴插件文檔：要在一個div容器貼上（使用id =「subnav」 B.E.）http://getbootstrap.com/javascript/#affix包裹，他的元素。

通過Javascript或Via數據屬性設置此容器的詞綴。

javascript：$('#subnav').affix();或通過數據屬性：<div id="subnav" data-spy="affix">

原因你不希望你的元素重疊你的固定導航欄，你將不得不設置頂部偏移量。頂部偏移應該至少是你的導航欄的高度。

如果您的設計有一個頁腳，您還將設置底部偏移量。因爲您不希望被粘貼的元素與頁腳重疊。

Javascript：$('#subnav').affix({offset:{top:150,bottom:150}});或者通過數據屬性：<div id="subnav" data-spy="affix" data-offset-top="150" data-offset-bottom="150">

使用CSS貼上你的文件頂部的元素：.affix{position:fixed;top:0px;}

來源

2013-09-05 06:49:29

它不工作我試試這個：HTTP：//的jsfiddle。 net/2JGQa/5/ 但沒有什麼.... 我想修復頂部和左側，我該如何做到這一點？ – eXorus

你的小提琴不包括Bootstrap的JavaScript插件，也缺少jQuery，請參閱：http://jsfiddle.net/2JGQa/7/ –

是的，非常感謝解決方案。但我的設計很靈活，所以使用這個方法我使用width：225px，所以這是不好的。 – eXorus

引導3.0：固定列

回答

相關問題