标签：idt uid containe 平板 bootstrap div 阈值 媒体查询 min
栅格系统 媒体查询 在栅格系统中，我们在 Less 文件中使用以下媒体查询（media query）来创建关键的分界点阈值。 小屏幕（平板，大于等于 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) { ... } 将最外面的布局元素 .container 修改为 .container-fluid，就可以将固定宽度的栅格布局转换为 100% 宽度的布局。 列偏移 使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。标签：idt uid containe 平板 bootstrap div 阈值 媒体查询 min
原文地址：http://www.cnblogs.com/liangxiaoli/p/7045140.html
