课程: HTML and CSS: Creating Navigation Bars

今天就学习课程吧!

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

Solution: Make your nav bar responsive

Solution: Make your nav bar responsive

(upbeat music) - [Instructor] So, how did you do with that challenge? Hopefully that worked okay for you. And hopefully you have something like this, that at some point you wind up with some kind of webpage that looks like this. You have your logo. You have your hamburger button. When you click the hamburger button, you get your menu that flies down here. You have your close button and so forth. And then when you get back to your desktop dimensions, you have a full nav bar that comes in and still works the same kind of way. So let me show you how I did it. Here in my HTML, I have a header that goes around the whole thing, as I did before. And what I did was I used a div with a class of identity to group a bunch of things together here. And those things included the actual LinkedIn logo itself here on line three. And then that series of HTML tags that code the hamburger button right after that. So all of that is inside of a div with a class of identity. Why did I do that? Well, I want…

内容