In the recipes of this chapter, you will learn how to create a layout for your website or web application with Less. The grid forms the base of the layout. Grids help web designers and developers to work together and make deploying responsive layouts easier.
In the course of time, different ways to deploy layouts on the Web saw the light. For years, tables have been used (rather, misused) to build HTML layouts. Newer techniques leverage the CSS float
property to arrange elements. The CSS float
property is a positioning property that keeps HTML elements in the flow of the document instead of applying the text-wrap
property to it. Other layouts are built with the display: inline-block
property. HTML elements with the display: inline-block
property are positioned like lines of text. Twitter's Bootstrap, as we will see in Chapter 9, Using Bootstrap with Less, uses the float
technique, while <bold>Cardinal</bold>
gives an example of the inline-block
technique. Cardinal...