附件插件允许指定<div>固定在页面上的某个位置。一个常见的例子是社交图标。它们将从某个位置开始，但当页面单击标记时，<div>将锁定在某个位置，并且不会与页面的其余部分一起滚动。
如果要单独引用此插件的功能，则需要引用affix js或者，如“bootstrap插件概述”，可以bootstrap JS或bootstrap.min.JS的压缩版本。
通过数据属性：如果需要向元素添加额外的导航（粘贴）行为，则只需向需要监视的元素添加数据。使用偏移来定义何时切换图元的锁定和移动。

<style>
    ul.nav-tabs{
        width: 140px;
        margin-top: 20px;
        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: