栅格系统使用

李维强-15级

响应式布局，直接拿来用，原理很简单，
http://www.jb51.net/article/75386.htm

另外有个关键的两个类，显示和隐藏，
http://blog.csdn.net/ling811/article/details/16939695


关于bootstrap里面，栅格系统翻译的一个坑~~~
原文如下
“
栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-md-* 栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-lg-* 不存在， 也影响大屏幕设备。
”

我看了很多遍没看懂。。。于是乎忽略掉即可，然后在栅格布局的时候，发现，若果分辨率在800左右，它恰好是.col-sm-范围内，但是如果我布局没用到这个，只写了个         .col-xs-和         .col-md-，那么~~~这个如何翻译，试了一下发现是按照.col-xs-来显示的~~~那么这样上面那句话就晓得啥子意思了，意思就是说，如果没有定义大设备，那么就按照定比当前设备小的那一级，最后靠近当前设备分辨率的样式，来定义当前样式，

最后给出英文原文，像这些过筋过脉的东西，看看原文就一目了然了
“Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, e.g. applying any .col-md- class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg- class is not present.”