Join Jen Kramer for an in-depth discussion in this video Adding breadcrumbs, part of Learning Foundation 4.
So, in this next chapter, we're going to move on and take a look at Foundations …methodology for styling different kinds of navigational systems. …This document is the starting document for this chapter, you can find it in your …exercise files folder. We'll just go ahead and open that up in a browser. …You'll see how the page is laid out here. There's a main navigation, that we'll …ultimately wind up making go across the page in a horizontal orientation. …We have some sub-navigation over here, which is going to go on the left side of …the page, as it's own sub-navigation. And then we have a breadcrumb, that's …appearing here at the top of this page. So, we're going to work on styling all of …these things. But in this video, I'm going to talk …specifically about the breadcrumbs. Breadcrumbs are a great way to show where …you are in the hierarchy of a website. They're really commonly used on websites …that have more than about say 50 pages of navigation.…
Foundation comes with some really simple classes for styling the Breadcrumb bar on …
- What is Foundation?
- Exploring the grid system
- Working with lists
- Styling buttons, thumbnail images, and more
- Including flexible video
- Adding breadcrumbs to the navigation
- Working with Clearing, the responsive lightbox
- Creating accordion panels and tabs for in-page navigation
Skill Level Beginner
1. Foundation Introduction and Download
2. The Grid System in Foundation
3. CSS Overview
4. Navigation Systems
Next steps2m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.