title: Fix bootstrap side panel when scroll down
body: <p>According to example <a href="http://www.bootply.com/render/88105" rel="nofollow noreferrer">here</a> side panel is fix as i expected. But when i scroll down, side panel is animated little bit or overlapping. can't understand what happen. how to avoid it? <a href="https://i.stack.imgur.com/MH9WL.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MH9WL.jpg" alt="enter image description here"></a></p>