媒体查询,根据屏幕大小选择样式

.hidden-xs: 当屏幕宽度<768px时隐藏

.hidden-sm: 当屏幕768px <= 宽度<992px时隐藏

.hidden-md: 当屏幕992px<= 宽度<1200px时隐藏

.hidden-lg: 当屏幕宽度>1200px时隐藏

以下为css3的 媒体查询

@media screen and (max-width: 768px) {
    .hidden-xs{
        display: none;
    }
}
 
@media screen and (min-width: 768px) and (max-width:992px) {
    .hidden-sm {
        display: none;
    }
}
 
@media screen and (min-width: 992px) and (max-width:1200px) {
    .hidden-md {
        display: none;
    }
}
 
@media screen and (min-width: 1200px) {
    .hidden-lg {
        display: none;
    }
}