Beginner Video Tutorial #3 for the Bootstrap framework - Grid System
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
Hey @magicmonk I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x
thank you so much! witness voted.
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Thank you so much @drigweeu!!
恭喜你!您的这篇文章入选 @justyy 今日榜单 【优秀被错过的文章】, 请继续努力!若您不喜欢,请回复 STOP,谢谢。
Congratulations! This post has been selected by @justyy as today's 【Good Posts You May Miss】, Steem On! Reply STOP if don't want to see this. Thanks.
thanks bro
very useful information
I learned a simple way thank u :)