In this chapter, we are more concerned with learning how to use the different Bootstrap directives for Angular than learning about Sass mixins and other presentation skills. In other words, the advanced features of the grid system fall outside the scope of this chapter. However, in this section, I'll quickly introduce what the grid system is and give an overview of how to use it.
If you have used Bootstrap before, and, more particularly, have used the grid system, you can skip this section and go directly to the next one, where we learn how to use the accordion directive.
So, the grid system splits our presentation into twelve columns. The size of the columns can be extra small, small, medium, large, and extra large. The size of the columns can be manually set via the CSS class prefix (col-xs, col-sm, col-md, col-lg, and col-xl respectively)...