Bootstrap 3 Grid System Explained Tutorial- Part3 -Previewing Class names across devices

Bootstrap 3 Grid System Explained Tutorial-Part3-Previewing column class names used in bootstrap in action
by Learning simplified.
====================================================== In this tutorial, we have described the behavior and actions of other class names and preview in the browser across various
devices with different dimensions. As an example, if we use class name col-md, at a dimension of 1200px it will show a normal
preview as expected to be as it is detecting a 1200px width, in this case it will continue its horizontal display up to width 992px,
but at a width lesser than 992px, the contents inside will stack one above the other as command col-md works only within a width range of 992 px to 1199px device display. That means, within this range, the contents inside will stay horizontal within this
variety of width range and lesser than 992px, they will vertically realign themselves. In the same manner, we will see this behavior for other commands such as col-sm and col-xs too. Bootstrap framework uses these column classes for realigning the contents.

In short, things that we are going to learn here are:

1) Display preview of col-md on, below and above 992px to 1199px.
2) Display preview of col-sm on, below and above 768px to 992px.
3) Display preview of col-xs under mobile responsive condition, i.e., at 320px.
4) Condition observed with an without mentioning rows.

In the next tutorial, we will discuss block layout and understand padding properties as designed in twitter bootstrap framework.

Feel free to Share, Comment, Like and ask questions. Do not hesitate to hit the Red SUBSCRIBE button to stay tuned for more.
=======================================
Stay tuned to our channel to learn more:
https://www.youtube.com/channel/UCNBuByD9iIgqElwmIIqoIiA
=====================================================
Watch for relevant blogs at :
http://learnsimple1987.blogspot.in/
=====================================================
Our G+ profile is at:
https://plus.google.com/u/0/b/108616648678138902856/108616648678138902856
=====================================================
Twit us at:
https://twitter.com/learnmaniac1987
=====================================================
watch us at facebook :
https://www.facebook.com/learnmaniac1987/
====================================================

-~-~~-~~~-~~-~-
Please watch: "JavaScript Tutorial for Beginners #12- Make a Basic Calculator"
https://www.youtube.com/watch?v=Y0rmLwq4nto
-~-~~-~~~-~~-~-