From the course: Bootstrap 4 Essential Training

Unlock the full course today

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

Create basic navigation

Create basic navigation - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Create basic navigation

“

- [Instructor] There's a group of components called navs. Now, this component had a lot of changes in this new version of Bootstrap due to the implementation of Flexbox and, thankfully, became a lot simpler to use. Now to create navs you can use either the unordered lists or use navs and regular divs using unordered lists. It's a little more difficult. It requires a bit more code. What you do is, you create the nav class inside the UL, If you're not using unordered lists, you can just create that class inside a nav tag. And then, inside you add nav-items for each of the items. The difference is when you are using these without ULs you put the nav-item in the link. When you are using ULs you put the nav-item in the list-item. And then, inside the link, which would be the anchor tag, you use the class of nav-link for either one of these options. Inside the nav-links you have a couple of options to display the links differently depending on the type of styles that you're using. You can…

Contents