一、基本原则:
1. 将屏幕看作是一个个,沿水平和垂直方向的有序排列的网格/栅格/单元格/组成;
2. 所有数据必须放在栅格中;
3. 采用响应式布局,移动设置优先
二、屏幕分辨率划分依据
1. ( screen
2. (768px
3. (992px
1、系统采用.net2.0开发,数据库access2、三层架构,数据层、逻辑层和表示层分离3、系统完全使用div+css布局,可以灵活处理界面4、技术特点: 使用模板页,大大减少代码量 动态生成竖向导航菜单 ul li实现表格 各种自定义用户空间 Reapter等数据控件的灵活运用
4. (1200
二、实现原理
1.第一步: 必须创建一个容器,class="container"
2.第二步: 必须创建一个行, class="row"
3.第三步: 必须创建栅格,class="col-md-x", 以中型屏幕为例,临界点为992px
栅格布局系统
整行:
内容
二等分:
内容
内容
三等分:
内容
内容
内容
四等分:
内容
内容
内容
内容
六等分:
内容
内容
内容
内容
内容
内容
四八开:
内容
内容
三九开:
内容
内容
【相关视频推荐:Bootstrap教程】









