Please subscribe to watch this video

Sign Up

Dreamweaver - Building Responsive Bootstrap websites

Answer - How to remove the nav bar line from Bootstrap.

Daniel Walter Scott || VIDEO: 33 of 54




Hey, welcome back. Did you do it? Ah, good on you. Just in case you didn't, let's work out how to get rid of that white line. We need our Code Navigator. I've selected the Navigation bar up here. I'm going to right click it, go to 'Code Navigator', and figure out where it is. Now, I've done it before, so I'm going to cheat. I know it's none of these. You have to get all the way to that Navbar one, and here, there's a Border as well, it's 1 pixel, it's solid, and it's also transparent, it's weird.

So what we need to do is, we need to override this one, because we can't update it, because it's css. Luckily, earlier on we already made a Navbar Class that matches the same one in our Bootstrap. If you haven't, you're going to have to go make one. So what I'm going to do is, I'm going to go through and set the border to '0 pixels'. So I'm going to go back in here. I’m going to find my Main CSS. I'm going to scroll along the bottom, here's my Navbar. If you don't have it, you got to create one, .navbar. And then there's an option here at the top. Switch to 'Border', and width is '0 pixels'. And hopefully now, over here, our white line has gone.

Great, well done. Let's go on to the next video.