关于bootstrap自适应屏幕宽度学习

@media (max-width: 768px) {
/*没有设置.container类的宽度属性。这样当浏览器宽度小于768px时，.container框架的宽度为100%*/
/*在这个区域使用.col-xs选择器*/
.container {
}
}

@media (min-width: 768px) {
/*在这个区域使用.col-sm选择器*/
.container {
width: 750px;
}
}

@media (min-width: 992px) {
/*在这个区域使用.col-md选择器*/
.container {
width: 970px;
}
}

@media (min-width: 1200px) {
/*在这个区域使用.col-lg选择器*/
.container {
width: 1170px;
}
}