框架、bootstarp框架

163 阅读1分钟
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方式书写的一种方式

组件化开发: