课程: HTML and CSS: Creating Navigation Bars

今天就学习课程吧!

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

Making navigation go horizontal with Flexbox

Making navigation go horizontal with Flexbox

- [Instructor] The next thing I'd like to look at, is how we make our navigation bar go horizontal using Flexbox. Flexbox of course it's been around for a while, but it's just gotten great support in web browsers in the last five years or so. And it's become a very popular way of laying out navbars for many different reasons. However, people are still for the most part using responsive design frameworks to lay out the navbars because they don't fundamentally understand, how Flexbox works in this type of environment. Remember that the key to flex box is it's all about, parents and children. It's all about the flex container, and the flex item. So, if we just take a look at our HTML here, we need to identify what would be our container and what would be our item. The container is going to have those big styles on it that says that Flexbox will go into a row or a column, whether it will wrap or not, what kind of spacing it's going to have, that as all controlled in that container level…

内容