How to make a sticky sidebar in Bootstrap?

Question

How can I make a sticky sidebar like this one, cpmta.org, but with Bootstrap? I am having a hard time trying to do this...

It's already there in Bootstrap called affix. – Praveen Kumar Purushothaman Jun 05 '16 at 18:51 — Praveen Kumar Purushothaman, Jun 05 '16 at 18:51

score 5 · Accepted Answer · answered Jun 05 '16 at 18:53

It's already there in Bootstrap and it is called Bootstrap Affix. This is the code:

<script type="text/javascript">
$(document).ready(function () {
    $("#myNav").affix({
        offset: { 
            bottom: 195 
        }
    });
});
</script>

And you can add the data-spy as well:

<ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="195">
    <li class="active"><a href="#one">Section One</a></li>
    <li><a href="#two">Section Two</a></li>
    <li><a href="#three">Section Three</a></li>
</ul>

For more information, kindly follow the instructions from:

How to make a sticky sidebar in Bootstrap?

1 Answers1

Linked