Grow your CSS skills. Land your dream job.

Help with Bootstrap NavBar Styling

  • # March 26, 2013 at 8:08 pm

    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.

    # March 27, 2013 at 3:17 pm

    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.

    # March 29, 2013 at 7:25 am

    Hey,
    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 .
    http://css-tricks.com/almanac/properties/z/z-index/

    # March 29, 2013 at 1:30 pm

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".