请在这里找到我的设计：http://jsfiddle.net/2JGQa/ http://jsfiddle.net/2JGQa/
我想修复左栏（包括 testlab_fr、1er 邮件、...、10eme 邮件），例如我的标题，我该怎么做？
我看到了 affix 但不知道如何使用它。
<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 -->
您可以在这里找到 Affix 插件的文档：http://getbootstrap.com/javascript/#affix http://getbootstrap.com/javascript/#affix将要附加到容器 div 中的元素包装起来（即使用 id="subnav"）。
通过 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;}
更多示例：https://github.com/twbs/bootstrap/pull/9902/files https://github.com/twbs/bootstrap/pull/9902/files
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
