Bootstrap-Sass 源码解析一:文件组织架构

原创 2016年08月29日 15:28:53

解析环境

前置学习

核心文件组织结构

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入门教程 (二)

上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统。       基于手脚架(S...

Bootstrap简单HelloWorld入门教程

目录(?)[-] 基本的HTML模板引入twitter bootstrap文件Twitter Bootstrap的容器标题和导航主内容和侧边栏侧边栏导航结论 这篇教程旨在让你在...

Bootstrap

转载自:http://blog.csdn.net/abc_key/article/details/38275333      Netty包含了2个不同类型的引导,第一个是使用服务器的Server...

bootstrap学习使用

几个上上个星期看了点bootstrap 和上个星期 在加上昨天 zong

BootStrap基础入门

一、BootStrap介绍 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发...

Bootstrap 完全教程笔记

Bootstrap CSSBootstrap 排版引导主体副本 为了给段落添加强调文本,则可以添加 class=”lead”,这将得到更大更粗、行高更高的文本,如下面实例所示:引导主体副本 这是一个...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)