html - Bootstrap affix overlaps footer -

i'm facing problem bootstrap 3 affix.

when scroll down page, affix overlaps footer.

i've tried adding "data-offset-bottom" seems affix jumps top and, after that, doesn't scroll anymore.

i put code here: http://www.bootply.com/jywv1zg0mw