Jquery 引导ScrollSpy和链接不'；我不能正常工作

这几天学习Bootstrap遇到了一些困难

我试图使用引导ScrollSpy，但它似乎不起作用，我也不知道为什么

如何在屏幕和手机中保持左列不变

单击链接后，如何使其保持活动状态？我使用的是“主动”类，但似乎没有效果

html，正文{
身高：100%；
}
.容器液体{
身高：100%；
}
.行{
身高：100%；
}
.row>.left列，
.row>.right列{
填充：40px；
}
.左栏{
背景色：#A10200；
颜色：#fff；
}
#阿凡达，社交{
文本对齐：居中；
}
img{
边框：1px实心#444；
宽度：200px；
高度：200px；
边缘底部：20px；
背景色：#fff；
}
.社会偶像{
字体大小：36px；
填充：0px 20px；
}
人力资源{
背景色：#EDEDF5；
}
navbar先生{
文本对齐：居中；
字号：18px；
}
a、 导航链路{
颜色：#fff；
}
a、 导航链接：悬停，
a、 活跃的{
颜色：#A10202！重要；
背景色：#fff；
字体大小：粗体；
}
.右栏{
填充：50px；
文本对齐：居中；
}
.内容{
填充：50px；
文本对齐：对齐；
位置：相对位置；
}
#关于#投资组合{
身高：100%；
}
@媒体屏幕和屏幕（最小宽度：760像素）
{
.左栏{
身高：100%；
位置：固定；
}
.右栏{
位置：相对位置；
左缘：40%；
溢出y：滚动；
身高：100%；
}
}
@媒体屏幕和屏幕（最大宽度：760像素）
{
}

欢迎
文件夹

Jquery必须在引导js之前出现

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>