twitter-bootstrap 媒体查询
示例
Bootstrap中的媒体查询允许您根据视口大小移动,显示和隐藏内容。在LESS文件中,使用以下媒体查询在Bootstrap网格系统中创建关键断点:
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }有时这些扩展为包括最大宽度,以将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) { ... }
热门推荐
10 可爱生日祝福语 简短
11 爸爸生日祝福语搞笑简短
12 周岁生日祝福语简短唯美
13 靳年祝福语大全简短
14 毕业祝福语小长句简短
15 恩师贺卡文案祝福语简短
16 简短生日祝福语女朋友
17 简短高大上的祝福语
18 称赞老师的祝福语简短