Bootstrap 4 - navbar-fixed-top still overlaps container

  • robertandrews
    Likes 0

    Problem Description
    Hi, I have been enjoying dipping in and out of your Bootstrap 4 series, but I have a question...
     
    Why does navbar-fixed-top still overlap the subsequent content (container div)?
    I don't know why I have to use padding here, it should be smart enough to figure it out. I don't think padding by pixels is reliable since Bootstrap 4 is moving to ems, right?
  • Sonar Systems admin
    Likes 0

    On the Bootstrap website it says you need to add padding as it doesn’t factor it in, check out this link and see the red bit http://getbootstrap.com/components/#navbar-fixed-top 

     

    Feel free to post any other queries or solutions you have.

  • robertandrews
    Likes 0

    But isn’t that for Bootstrap 3?

    Bootstrap 4 navbar placement docs don’t refer to it – http://v4-alpha.getbootstrap.com/components/navbar/#placement

    So it’s not clear if padding should be used and, if so, how tall it should be. The Bootstrap 4 navbar, like all components, seems to be larger.

     

    Thanks.

     

  • Sonar Systems admin
    Likes 0

    It doesn’t but you do need to add it, add about 80px and see how that looks.

Login to reply