Breadcrumbs are another great addition to your site, where your visitor can easily navigate between parent & child pages. They are usually at the top of your page, and offer a good user interaction. Here's a few examples using breadcrumbs.
The "Home" breadcrumb, as used in this site, is usually the first page your visitor lands on in your URL. Some might argue that it isn't neccesary to have a home breadcrumb as it doesn't really do anything, but for completeness & to keep all pages with the same structure I've added it to my site.
By adding the active class the css changes the text colour, which is all active does in this case. It is also good practice to add aria-current="page" to the last item of the set which indicates that it represents the current page. There is also an aria-label="breadcrumb" used in the nav tag, and these ARIA use's are good for screen reader users in assistive technologies controlling the rendering of their non-visual experience.
Finally, the last active item isn't wrapped with a link tag, making it functionally inactive.
This next breadcrumb is structurally the same as the previous one, except that this current page (Bootstrap) is a child of its parent page (Home), and its parent page is wrapped with a link back for ease of navigation. In complex sites this is very useful for the user experience in allowing them to easily navigate back to where they came from.
You will also notice a separator (/) is added to distinguish between each item in the breadcrumb. This seperator is part of the bootstrap.css and can be easily changed to suit your needs. You shouldn't change the class in the bootstrap.css directly, but put a copy of it in your site.css and make any neccessary changes there.
Lastly, the breadcrumbs page has a clickable parent navigating back to the Index page of the Bootstrap controller, and a further link back to the home page.