How Does .affix work using Bootstrap CSS?

I am trying to use Bootstrap to affix the map image on the left when the user scrolls 230px.  It isn't working at all.  Any ideas how to use .affix?  Here is the example:
http://therevolutionet.com/ION/BS3/affixMap.html
TrevorTomatoAsked:
Who is Participating?
 
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
Looks like the real issue is you forgot to add jquery

Please see the link I have that contains all the files.
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Change
<div data-spy="affix" data-offset-top="230">
to
<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">

I have it working here http://jsbin.com/eZAKiDA/1/

Instructions with and without js http://getbootstrap.com/javascript/#affix
0
 
TrevorTomatoAuthor Commented:
I updated my HTML and posted it here:
http://therevolutionet.com/ION/BS3/affixMap_Ace.html

But, not fixed.
0
 
TrevorTomatoAuthor Commented:
YEP!!  Thanks Ace!
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Doh!

I noticed the next issue is the image expands to original size when you scroll and it goes under the right side.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.