-
框架提供的方案：Grid system(栅格系统，即为列布局，Grid system最多到达12列的布局方案)
Grid system应用规则：行必须放在container class 容器里
内容必须放在单元格里，单元格必须是行的子元素等
Buttons--->options(提供了内置的样式，可根据样式定制按钮)
Components组件：Pageheader、Navbar等
查看全部 -
CSS3-Media Query
1.常见属性： device-width，device-height-----屏幕宽高（物理）
width，height -----渲染窗口宽高（浏览器）
orientation -----设备方向（横屏、竖屏）
resolution -----设备分辨率
基本语法：
外联样式
<link type="text/css" rel="stylesheet" href="XXX.css" media="only screen and (max-width:480px)">
当屏幕像素小于480像素时引用css样式
内联样式
<style> @media screen and (min-width:480px){
样式设置
}
查看全部 -
不错查看全部
-
如何实现响应式布局：
CSS3-Media Query(最简单的方式)
借助原生JS（成本高）
框架（支持浏览器的响应式布局的设计）
查看全部 -
响应式设计原则：
移动优先：
在设计初期考虑页面如何在多终端显示
渐进增强：充分发挥硬件设备的最大功能
查看全部 -
优点：解决了设备只见的差异化展示
缺点：兼容性代码多，工作量大，加载速度受影响
对原有网站布局会产生影响，用户判断未必精确
查看全部 -
分布式响应的目的：根据不同的设备给出最佳的展示方案
查看全部 -
响应式写法
查看全部 -
兼容ie9以下浏览器
查看全部 -
设计原则。
查看全部 -
响应式设计优缺点
查看全部 -
bootstrap响应式设计优缺点
查看全部 -
外部css
查看全部 -
css-media Query
查看全部 -
Media Query
查看全部
举报