The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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

    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 .

    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed