课程: HTML and CSS: Creating Navigation Bars

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Challenge: Make your nav bar responsive

Challenge: Make your nav bar responsive

课程: HTML and CSS: Creating Navigation Bars

开始一个月试用 购买团队方案

Challenge: Make your nav bar responsive

“

(electronic music) - [Instructor] So with that complicated hamburger button stuff out of the way, it's time for another challenge. We're going to revisit the same LinkedIn navbar again. And I'd like for you to make it responsive using a hamburger button, but we're going to do it with a little bit of a twist. So, first of all what I'd like for you to do remember that in the previous challenge, you added the LinkedIn logo here in line three, and you put it inside of the navbar itself. What I'd like for you to do now is move this logo out of the navigation so that the logo stands on its own. And that will allow you to take this navigation bar, and hide the bar behind the hamburger button. So when you get to a mobile screen, you'll see the LinkedIn logo, and you'll see the hamburger button, and that's all. So give that a shot. I've written those instructions right down here inside of the JavaScript window, and see if you can make a hamburger button, one of those fly down menus, style it…

内容