In this recipe, you will learn how to integrate a menu into a layout. Both the menu and the layout are built with the CSS3 Flexible box module.
In the Building a layout with the CSS3 flexbox module recipe of Chapter 7, Leveraging Libraries with Prebuilt Mixins, you can read how to build a responsive navigation menu with the CSS3 Flexible box module. In this recipe, you will integrate this navigation menu in the example layout created in the Applying the flexbox grid on your design recipe of this chapter. Reading the preceding recipes mentioned in this chapter before you start is recommended.
Use a flex-box-ready browser to inspect the results of this recipe. You can check for support for the flexbox module of your browser at http://caniuse.com/#feat=flexbox. The Less code of this recipe can be compiled on the client side in your browser, leveraging the less.js
compiler.