The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Help with Bootstrap NavBar Styling

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #43693

    Hey guys, I’m new to web designing and i’ve been working with bootstrap for the past week. I was wondering what would be the best way for me to have a header image in the background of my nav bar and my navbar to respond in the correct way. Kind of how the CSS-Tricks navbar is with its background.


    In other words, I’d like to have my navigation positioned below the header image, but overlapping part of the image. You can see CSS-Tricks orange part is on the left and above the nav menu.


    I think what you are talking about / trying to do is achieved using z-index and negative margins. The z-index alters the stacking order and negative margins will allow one div to ‘slide’ underneath another. Only works on ‘positioned’ elements though so absolute, relative etc.

    There is a tut on CSS Tricks .


    Nice this is what I was looking for and got it to work thanks @scottdc!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.