媒体查询分界点阈值

在栅格系统中，我们在Less文件中使用以下媒体查询（media query）来创建关键的分界点阈值。

/*超小屏幕（手机，小于768px）*/

/*没有任何媒体查询相关的代码，因为这在Bootstrap中是默认的（Bootstrap是移动设备优先的）*/

/*小屏幕（平板，大于等于768px）*/

@media(min-width:@screen-sm-min){...}

/*中等屏幕（桌面显示器，大与等于992px）*/

@media(min-width:@screen-md-min){...}

/*大屏幕（大桌面显示器，大与等于1200px）*/

@media(min-width:@screen-lg-min){...}

偶尔也会在媒体查询代码中包含max-width从而将CSS的影响限制在更小范围的屏幕大小之内。

@media(max-width:@screen-xs-max){...}

@media(min-width:@screen-sm-min) and (max-width:@screen-sm-max){...}

@media(min-width:@screen-md-min) and (max-width:@screen-md-max){...}

@media(min-width:@screen-lg-min){...}