In this series of tutorials you will learn how to create a complete website based on the Bootstrap framework. Bootstrap is a very popular HTML, CSS and Javascript framework for building responsive websites that can be viewed on different devices.
In the previous two tutorials, you have learned to set up a basic page with Boostrap using Bootstrap classes for containers, centering text, buttons and images.
In this tutorial we will cover the Boostrap grid system. Understanding the responsive grid system is central to being able to make websites with Bootstrap, as it is necessary for you to design your website to be able to fit on different devices (computer, tablet, phone). For example, Your wesite may show 3 columns on a computer, but only show 1 column on a phone.
Links to previous tutorials:
Bootstrap tutorial 1: Container-fluid
Bootstrap tutorial 2: Images, buttons
For more tutorials by the Magic Monk, visit http://magicmonk.org
Over 1000 tutorial Videos
8 million Views
20,000 Subscribers
Posted on Utopian.io - Rewarding Open Source Contributors