O'Reilly logo

Less Web Development Essentials by Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Other frameworks to build your grid with Less

In the preceding section, you learned how to use Bootstrap and Semantic UI to build complete frontends. In practice for many projects, only a grid will be enough to start. You have seen that Semantic's grid can be compiled easily as a single component. Also, Bootstrap's grid can be compiled as a single component using the following code snippet:

// Core variables and mixins
@import "variables.less";
@import "mixins.less";
// Reset
@import "normalize.less";
@import "grid.less";

Alternatively, you could also use another grid system. Some of them are discussed in brief in the following sections.

Using the Golden Grid System to build your grids

The Golden Grid System (GGS) splits the screen into 18 even columns. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required