I have a legacy application which is built with Bootstrap 3.0.3. It is not possible for us to update Bootstrap in this case.
That said, I am trying to with with 3.0.3 to use the affix functionality.
What I'm trying to do is have a
.col-md-8 (red bordered) left area with a "library" of items in a
.col-md-4 (blue bordered) on the right.
The left area may grow to be very long and I want the blue one to always be visible even if the user scrolls down.
So I've added the following to
<div class="col-md-4 tag-container" data-spy="affix" data-offset-top="60" data-offset-bottom="200">
When I run this, with the
affix moves to the left and overlaps the red area!
Why is this? I thought affix was designed to fix the content in place.
What am I doing wrong here?