Summer Training Day 4.
Bootstrap框架
MVC与MVVM
Native & Hybrid & Web APP
IFE Task 8
1.Bootstrap框架.
栅格系统
主div.
|
|
若干行,每行内最多十二列.
列与列之间间隔用padding;
为row设置负margin抵消内部padding;
前缀col-;
从大到小: -lg,-md,-sm,-xs;
原理为媒体查询;
响应式列重置与偏移
创建class为clearfix的div;
偏移:
addclass “col-offset-md-num”;
嵌套与排序
|
|
|
|
其他
class设置为h1-h6可改变内联元素大小;<small>
标签或.small类可用于副标题;
.lead类可突出段落;<mark>
:tohighlight text;<del>
:加删除线;<ins>
:加下划线;<u>
:同上;
.
2.MVC与MVVM.
MVC: Model View Controller
M是指业务模型,V是指用户界面,C是指控制器
MVVM: Model-View-ViewModel
3.三种APP
Native App,原生语言
Hybrid App,混合
Web App;网页
.
p.s. 其实今天根本没用到bootstrap框架..
4.IFE Task.
Task 8
实现栅格布局
利用Flex布局 + @media媒体查询完成.
|
|
以上.