I’ve been pulling out my hair for the past two days trying to figure out why my .block1 (the one with the Rick Sanchez name) keeps moving the whole section down when I try to set the margin-top
-This issue only came up when I decided to add the navbar-fixed-top, but I didn’t change anything with the parent divs…
I’m fairly new to this so any help/input would be greatly appreciated!
The issue is that your block1 has margin-top: 280px creating all that space from the top, thus letting the navbar stretch.
I suggest you to remove that margin-top and instead create a small margin of the same height of the navbar for the container-fluid so that everything looks nice.
The idea is that you have a navbar (let’s say 20px height) that will always stay on top… so I just “move” all may main page container 20px below.
So that block1 is in the center (plus you probably have to adjust height/width and flex property of it as well).
Or if you want to stick with bootstap I’d implement the classic grid system.
So instead of a “div” inside a “div” make them row and col and offsetting them.