In the preceding chapter, you learned how to build frontends with Bootstrap. Also, Cardinal is also a CSS framework. It is mobile-first and modular; unlike Bootstrap, it is a pure CSS framework without any JavaScript plugins. Of course, Cardinal's CSS has been written with Less. It offers a flexible grid system and encapsulated styles for the common UI objects. You can read more about it and download Cardinal at http://cardinalcss.com/.
Although the framework works well, it lacks documentation. In the Less code itself, you will find useful comments. With all the knowledge that you gained by reading this book, you should be able to use these comments to build a frontend with Cardinal.
The HTML code for a grid can look like the following code block:
<div class="grid"> <div class="grid-item one-whole md-one-half xl-one-fourth">1</div> <div class="grid-item one-whole md-one-half xl-one-fourth">2</div> <div class="grid-item one-whole md-one-half...