Summary

In this chapter, we had a look at the Grid classes. We understood the process of adding rows and columns in addition to adding offsets to columns. We also had a look at reversing the order of columns and how columns are nested within each other. We also learned about the commonly used variables and mixins that are used to create a semantic layout. Finally, we created a custom blog layout with the Bootstrap variables and mixins with our own semantic elements and classes using a comprehensive, practical example.

In the next chapter, we will show you how to use the Bootstrap Base CSS elements by adapting a practical approach, including numerous code examples, to help you get to grips with the various styles in order to streamline your web designing experience.