I have a page with h1 and content in `<p>` tag, like this:

```
<h1>Content1</h1>
<p>Blablablalbal</p>

<h1>Content2</h1>
<p>Blablablalbal</p>

<h1>Content3</h1>
<p>Blablablalbal</p>

<h1>Content4</h1>
<p>Blablablalbal</p>

<h1>Content5</h1>
<p>Blablablalbal</p>

```

I want to implement Bootstrap Affix float on the right, like Bootstrap official page: <http://getbootstrap.com/javascript/#affix>

But i don't know how, i don't understand the instructions, i need to put this:

```
<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
  ...
</div>

```

And this: 

```
$('#my-affix').affix({
    offset: {
      top: 100
    , bottom: function () {
        return (this.bottom = $('.footer').outerHeight(true))
      }
    }
  })

```

How can i do? 

Thanks.