bootstrap封装内容:html,css,js内容、有样式的功能模块、移动端的功能和设计
应用框架
第一步:了解内核
第二步:搭建环境(生产环境)
第三步:从最小单元去看,去了解内容
第四步:在编辑器里尝试全部手敲,加上原理注释。
现在用的bootstrap框架应用方式为:CDN
用node开发的方式为组件化
由于bootstarp是基于jquery搭建,在使用时需要先引入jquery文件再引入bootstarp.min.js文件
bootstarp布局容器:container(居中显示(pc大部分))、container-fluid(全屏显示(移动端))
全局样式
布局:相对布局、绝对布局、移动端布局(理解响应式)
bootstarp栅格化:
类似于表格:每一行最多放置12个元素。
行(row)”必须包含在 .container` (固定宽度)或 .container-fluid` (100% 宽度)中
通过“行(row)”在水平方向创建一组“列(column)”。
内容应当放置于“列(column)”内,并且,只有“列(column)”可以作为行(row)”的直接子元素。
列偏移:在使用过程中,如果中间需要有空列使用列偏移,如果不是中间留空隙,不使用列偏移
CDN:通过script方式书写的一种方式
组件化开发: