From the course: Bootstrap 4 Essential Training

Unlock the full course today

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

Breadcrumbs

Breadcrumbs - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Breadcrumbs

- [Instructor] One of the simpler components you can use are breadcrumbs. They are sometimes used to indicate where you are in the navigation structure of your site or for secondary navigation. So let's take a look at how they work. Now you create this component by utilizing the traditional structure of Bootstrap which is to create a container. In this case the container uses a breadcrumb class, and then you create a series of elements with breadcrumb-item as the class as well. There's also an active style that you can use. Traditionally, when you're using these for indicating where you are in a navigation structure, one of the elements is the page that you're in. And so that should get this active style. Now you can use these in unordered or ordered lists, as well as in navigation, just with anchor tags within them. And we're going to try both of them. So let's take a look at how this works and an example. So here's a pretty simple page with just some text and I'm assuming that…

Contents