From the course: Bootstrap 3 Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Adding content to the navbar

Adding content to the navbar - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

Adding content to the navbar

“

- You can place any number of elements inside navbars, but in order for them to align properly, you have to wrap them in special classes. So let's take a look at what it takes to add and outline different types of elements. Now, I'm starting out with the navigation from the previous video. I'm going to simplify it a bit by getting rid of this navbar-fixed-top class right here. That way it won't be stuck at the top of the screen, it'll just scroll with the rest of the content. But that means that I also need to go into my Style.CSS document, and get rid of this additional padding that I've placed right here. Now, I'm not a big fan of the border in the navigation, so I'll leave this border none for the navbar default class. So now it looks like this. Bootstrap has a special class that let's you create what's called a brand, so that you can make one of your elements the branding for the website. The brand can be either text, or any icon that you load into an image tag. So we're going to…

Contents