Jquery 如何修复类似于引导站点的边栏？_Jquery_Html_Css_Twitter Bootstrap_Twitter Bootstrap 3

Jquery 如何修复类似于引导站点的边栏？

jquery html css twitter-bootstrap twitter-bootstrap-3

Jquery 如何修复类似于引导站点的边栏？,jquery,html,css,twitter-bootstrap,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我需要创建一个与getbootstrap.com中完全相同的侧栏。我按照网站上的说明创建了一个侧边栏但问题是，它与页脚内容重叠。滚动侧边栏时，粘贴的内容将被滚动，当它到达页脚时，粘贴不会被移除，但它在页脚部分重叠有人能帮我解决这个错误吗我正在使用以下代码 <body data-spy="scroll" data-target="#leftCol"> <div role="complementary" id="leftCol"> <

我需要创建一个与getbootstrap.com中完全相同的侧栏。我按照网站上的说明创建了一个侧边栏

但问题是，它与页脚内容重叠。滚动侧边栏时，粘贴的内容将被滚动，当它到达页脚时，粘贴不会被移除，但它在页脚部分重叠

有人能帮我解决这个错误吗

我正在使用以下代码

<body data-spy="scroll" data-target="#leftCol">

    <div role="complementary" id="leftCol">
           <ul class="nav nav-tabs nav-stacked affix-top" data-spy="affix" data-offset-top="125">
              <li><a href="#feature1">Feature1</a></li>
              <li><a href="#feature1">Feature1</a></li>
              <li><a href="#feature1">Feature1</a></li>
              <li><a href="#feature1">Feature1</a></li>
            </ul>
    </div>
</body>

我从link中引用了上面的代码

提前谢谢

编辑：

也不要忘记加载所有css和javascript文件。

代码在中进行了测试。

严重吗？？您正在为一个标签提供两个id！你能提供这个问题的代码吗？

 /* Custom Styles */
 ul.nav-tabs {
width: 275px;
margin-top: 30px;
border-radius: 4px;
border: 1px solid #ddd;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
 }
 ul.nav-tabs li {
margin: 0;
border-top: 1px solid #ddd;
 }
 ul.nav-tabs li:first-child {
border-top: none;
 }
 ul.nav-tabs li a {
margin: 0;
padding: 8px 16px;
border-radius: 0;
 }
 ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover {
color: #fff;
background: #0088cc;
border: 1px solid #0088cc;
 }
 ul.nav-tabs li:first-child a {
border-radius: 4px 4px 0 0;
 }
 ul.nav-tabs li:last-child a {
border-radius: 0 0 4px 4px;
 }
 ul.nav-tabs.affix {
top: 30px; /* Set the top position of pinned element */

 }