Join Jen Kramer for an in-depth discussion in this video Challenge: Navigation bar, part of Up and Running with Foundation 4.
Now that you've seen all of the different kinds of navigation that come with …Foundation, it's time for your next challenge. …This document 4-challenge.html is available in your Exercise Files folder. …And it's actually the same document you just finished with from the previous …video, the drop-down example. And if we put this into your browser, …you'll see it looks exactly the same as it did before and we have all the same …drop downs as we had here before as well. So for your challenge, you're going to …combine some things that you learned in the styling chapter with some things that …you learned here in the navigation chapter.…
Can you go through and change this navigation bar? …Any of them, really. And make them look a little bit different. …So, that means you're going to have to go and track down some styling inside a firebug. …Perhaps, figure out what the styles are that make the NAV bars look the way they do. …And then, you're going to have to write some styles to change those in some kind …
- 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.