Bootstrap-Sass 源码解析一:文件组织架构
2016-08-29 15:28
316 查看
解析环境
“bootstrap-sass”: “~3.3.5”项目地址:https://github.com/twbs/bootstrap-sass
前置学习
SASSOOCSS
核心文件组织结构
bootstarp |--Core variables and mixins //核心参数和混入(类似函数) |-- variables //核心参数设置 |-- mixins //各种混入 |--Reset and dependencies //页面重置和依赖 |-- normalize //https://github.com/necolas/normalize.css |-- print //打印格式化 |-- glyphicons //http://glyphicons.com/ |--Core CSS //核心组件 |-- scaffolding //脚手架:主要是对body,html等标签进行定制化的reset |-- type //排版相关 |-- code //代码相关 |-- grid //栅格系统 |-- tables //表格相关 |-- forms //表单相关 |-- buttons //按钮相关 |--Components //组件 |-- component-animations //组件的淡出等动画 |-- dropdowns //点击下拉菜单组件 |-- button-groups //按钮组 |-- input-groups //表单输入组 |-- navs //导航 |-- navbar //导航条 |-- breadcrumbs //面包屑 |-- pagination //分页页码 |-- pager //上一页下一页分页 |-- labels //标签 |-- badges //徽章 |-- jumbotron //超大屏 |-- thumbnails //缩略图 |-- alerts //警告 |-- progress-bars //进度条 |-- media //多媒体对象 |-- list-group //列表组 |-- panels //面板(容器) |-- responsive-embed //响应式嵌入 |-- wells //一种会引起内容凹陷显示或插图效果的容器 |-- close //关闭按钮 |--Components w/ JavaScript //需要与js交互的组件 |-- modals //模态框 |-- tooltip //工具提示 |-- popovers //弹出框 |-- carousel //轮播 |--Utility classes //工具类 |-- utilities //普通工具,如清除浮动等 |-- responsive-utilities //响应式布局相关
相关文章推荐
- Bootstrap-Sass 源码解析三:Mixins
- Bootstrap-Sass 源码解析二:Variables.scss
- bootstrap-sass_源码解析四:Utility
- Android 下载重复文件命名规则【android源码解析七】
- Wireshark的Pcap文件格式分析及解析源码(转)
- proc源码解析(四)--挂载proc文件系统
- proc源码解析(六)--proc文件读写函数
- Azureus源码剖析(二) ---解析Torrent种子文件
- STL源码解析-01stl配置文件
- struts2 文件上传和下载,以及部分源码解析
- 用户空间文件系统FUSE源码解析
- 开源工作流Fireflow源码分析之流程文件解析
- JSP实现树型组织架构(6)--包含文件connectinDB.jsp & orgConnInclude.jsp
- monit 源码之配置文件解析
- AT91Bootstrap1.16源码中连接脚本文件(elf32-littlearm.lds)分析
- proc源码解析-proc文件系统的内容--proc数据结构--proc初始化
- Azureus源码剖析(二) ---解析Torrent种子文件
- 动手改造Ibatis,使其支持文件系统存储数据列 之 源码下载编译和SqlMapConfig解析
- proc源码解析(一)--proc文件系统的内容(转自若木)
- Wireshark的Pcap文件格式分析及解析源码【转】