I have a problem similar to that of my colleague alberto: fixed bootstrap column
I would like to leave the static column the <aside>
same as the menu header, but I can't solve it, I already applied position:fixed and static. I've been looking at affix, but I think it doesn't work in Bootstrap version 4. How can I make <aside>
it static?
This is an example using
Bootstrap 4
:We assign the class
fixed-top
to<aside>
and the classsticky-top
thatdiv
wraps the top bar (Header or Menu).Based on the example cited in this comment and in response to the question
Solution:
So that the content inside the
<aside>
remain visible while scrolling , what you can do is add inside the a<div>
with the classsticky-top
which should contain everything that you want to remain visible.Example
Note: To see it working, you must execute the snippet in "Full Page".