Bootstrap——网格系统
2017-12-04 16:04
489 查看
随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。
基本网站结构
<div class="container"> <div class="row"> <div class="col-*-*"></div> <div class="col-*-*"></div> </div> <div class="row">...</div> </div> <div class="container">....
媒体查询
/* 超小设备(手机,小于 768px) */ /* Bootstrap 中默认情况下没有媒体查询 */ /* 小型设备(平板电脑,768px 起) */ @media (min-width: @screen-sm-min) { ... } /* 中型设备(台式电脑,992px 起) */ @media (min-width: @screen-md-min) { ... } /* 大型设备(大台式电脑,1200px 起) */ @media (min-width: @screen-lg-min) { ... }
相关文章推荐
- bootstrap 网格系统(Grid system) 总结与实践
- Bootstrap网格系统详解
- 详解Bootstrap网格系统
- Bootstrap 3 网格系统简介
- bootstrap布局 网格系统
- 详解Bootstrap网格系统
- bootstrap 基础知识学习(图片+网格系统)
- 第四篇Bootstrap网格系统偏移列和嵌套列
- Bootstrap 网格系统
- bootstrap布局 网格系统
- Bootstrap 网格系统
- bootstrap网格系统
- Bootstrap 网格系统
- Bootstrap 网格系统
- Bootstrap基础---网格系统
- BootStrap 网格系统
- bootstrap 网格系统学习
- Bootstrap 网格系统(Grid System)实例4
- 玩转Bootstrap(基础) (4.网格系统实现原理)
- Bootstrap网格系统