JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<header class="col-xs-12">
     <h1 class="page-header">Header</h1>

</header>
<div class="col-xs-9">
    <div class="content">
         <h1>Memorials, Remembrances, and Mourning: WWI Monuments in the United States</h1>

        <div id="introduction">
             <h2>Introduction</h2>

            <p>World War I occupies an unsettled place in America&rsquo;s historical consciousness. At the outset of the war Americans were eager to join the cause for the sake of patriotism and adventure, but trench warfare, unprecedented brutality, and mass devastation permanently altered the worldwide perception of battle, ushering in phrases such as &ldquo;shell shock&rdquo; for the first time. The drive to commemorate World War I was existential, and after the November 11, 1918 armistice, immediate.</p>
            <p>Though American losses paled in comparison to the major European combatants, the deaths of 116,000 Americans in a remarkably short span -- almost all in 1918, at times nearing 1,000 a day, and most an ocean away -- traumatized the nation. As the nature of warfare itself changed, so too did our approach to commemorating soldiers fallen in battle. No single federal initiative to commission these monuments existed; instead, individual communities formed committees and raised funds to erect memorials in honor of the war dead. It is for this reason that many WWI memorials are still undocumented today, and that many have since fallen into disrepair due to neglect, theft, or vandalism.</p>
            <p>Political and aesthetic debates rose up around this push to honor the fallen soldiers, including a movement from monuments that single out great men to those that feature honor rolls, and from...

CSS

li.active a:link, li.active a:visited {
    color: red
}
li a:link, li a:visited {
    color: blue
}
#sidenNav.affix-top {
    top: 100px
}
#sideNav.affix-bottom {
    position: absolute;
}

JavaScript

$(document).ready(function () {
    var sideNav = $('#sideNav');

    var top = 150;
    var bottom = 20;

    sideNav.affix({
        offset: {
            top: top,
            bottom: bottom
        }
    });

});