We now have a good knowledge of what Bootstrap is, and how we can get it installed in our projects. With this chapter, we will understand the what can be done part of Bootstrap.

Grid system is an integral part of the Bootstrap framework. You won't be able to make a responsive website/application without properly understanding Bootstrap's grid system. By responsive, I mean an application that works and looks perfect in devices of all sizes.

This is the generation of Hybrid applications! Developers want to write the code once and make it accessible from all the devices. To do this, they have to first make their web application responsive. Bootstrap helps in creating a responsive website using one of its most popular features called grid system.

In this chapter, we will first understand Bootstrap's grid system and then proceed to use it in our first application called Online Packt Shopping. We will try to use this same app in the rest...