Bootstrap 3粘贴不起作用

Bootstrap 3 affix not working

本文关键字：不起作用 Bootstrap      更新时间：2023-09-26

这听起来像是一个愚蠢的问题，但我无法让词缀发挥作用。我一滚动，第二列就向左移动。我猜是CSS定位问题？我做错了什么：http://jsfiddle.net/8pbebr21/

我有如下初始化：

$("#TOC").affix();

您可以尝试以下操作：http://jsfiddle.net/8pbebr21/2/

只需将div#TOC包装在容器中，并指定.affix css

HTML：

<div class="container">
      <div class="row">
        <div class="col-md-3" >
            <div id="TOC">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan eget arcu nec placerat. Cras ultrices nisl vitae interdum accumsan. Fusce a nisi placerat turpis varius pulvinar. Donec ultrices turpis in nisl fringilla ornare non a eros. Praesent aliquet elit et scelerisque luctus. Vivamus in elit at tellus elementum ullamcorper.</div></div>

CSS：

.affix{
    width:25%;
    padding-right:15px;
}
相关文章：