Fix affix and scrollspy behavior on profile page.

[pmanko]

Functionality is close to what it should be. However, a couple problems remain.

Affix

1. .affix and .affix-top styles have to be updated, especially regarding the padding above the sidebar. data-offset of the affix has to work well together with the fixed navigation and jumbotron margins to prevent jerky behavior when .affix-top ==> .affix
2. Is the Jumbotron too big? Should it be smaller and fixed? This has to be resolved now to be able to set affix behavior.

Scrollspy

1. Again, offsets are a problem. The fixed navbar prevents anchors from directing to the correct position on the page, since some of the content is hidden behind the navbar.
2. The scrollspy offsets need to be set to correspond to anchor positions. Right now, hitting the nav buttons does not mean the correct nav is highlighted.
3. The highcharts object results in weird scrollspy behavior, most likely by resizing the div?

Some resources:

• https://github.com/twbs/bootstrap/issues/1768
• http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header
• http://stackoverflow.com/questions/9047703/fixed-position-navbar-obscures-anchors
• http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-C
• http://bootply.com/76395

Any thoughts @remomueller?