<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://www.youtube.com/watch?v=tWGFf0uKcrs
</div></figure>
<p>

In this lesson we talk about how the bootstrap grid system works - how to respond to the device width and change the number of columns (e.g. 3 columns on desktops, 2 columns on tablet, 1 column on mobile phone).

</p>
 <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : http://magicmonktutorials.com/blog/2019/11/07/make-a-mobile-responsive-website-with-bootstrap-lesson-3-grid-system/ </em>
<br />
<img src="http://magicmonktutorials.com/images/logo_medium.jpg"><br />
<b>Mathematics & Digital Technologies Education</b><br />
<b>Videos, quizzes, and other learning resources</b><br />
Eddie the Magic Monk has 14 years teaching experience as a high school teacher in Australia. He will explain things to you in the simplest way possible to help you fully understand high school mathematics and computer science concepts. <br /> 
Eddie began his tutorial channel on Youtube in 2012. His videos have been well received all over the world and now has 20+ million views! He sees the benefit in multidisciplinary learning hence his tutorials cover topics ranging from maths to dance. <br /> 
<hr/>
</center>