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. The leftmost and rightmost columns are used as the outer margins of the grid; this leaves 16 columns for your design. More details about this grid system can be found at http://goldengridsystem.com/.

GGS comes with a Less file to compile the required...