【Bootstrap】(⼀)——⽂件结构介绍⽂件结构、内容
下载⽂件后你会发现如下所⽰的⽂件结构,分为编译版和源码版。
:正常情况下,编写页⾯常⽤到的样式集(不含响应式)以及插件集。
:bootstrap下整站的源码。包含很多模板页和less⽂件,并采⽤node.js搭建。
1.1编译版
bootstrap/
├── css/
│├── bootstrap.css─────────全部样式集合(不含响应样式)(123KB)
│└── bootstrap.min.css────────────(压缩版)(104KB)
├── js/
│├── bootstrap.js────────────全部13款插件集合 (61KB)
│└── bootstrap.min.js────────────(压缩版)(28KB)
└── img/
├── glyphicons-halflings.png──────────常⽤到的sprite图标(深⾊版)
└── glyphicons-halflings-white.png────────────(浅⾊版)
1.2源码版
twitter-bootstrap-37d0a30/
├── docs/
│├── assets/【项⽬包】
││├── css/
││├── ico/────────────苹果设备下的图标集合以及站点的favicon.ico
││├── img/
││├── js/
│├── build/ Twitter下利⽤node.js和mustache建⽴的test项⽬,测试浏览器下⼀些功能否⽀持
│├── examples/【demo包】
││└── n.html──────────提供9款练习和模仿的demo页
│├── templates/【模板包】
││├── page/
│││└── n.mustache────⾸页7部分的JS模板
││└── layout.mustache───⾸页7部分布局的JS模板
│├── base-css.html ──────⾸页_基础css页
│├── components.html────⾸页_组件页
│├── customize.html ─────⾸页_定制页
│├── extend.html ───────⾸页_less介绍页
│├── getting-started.html───⾸页起步介绍页
│├── index.html ────────⾸页
│├── javascript.html ─────⾸页_插件页
bootstrap项目│└── scaffolding.html─────⾸页_⼿脚架页
├── img/【sprite包】
│├── glyphicons-halflings.png──────────常⽤到的sprite图标(深⾊版)
│└── glyphicons-halflings-white.png────────────(浅⾊版)
├── js/ 【插件包】
│├── bootstrap-affix.js────────────附加导航
│├── bootstrap-alert.js───────────警告消息
│├── bootstrap-button.js──────────按钮
│├── bootstrap-carousel.js─────────轮播
│├── bootstrap-collapse.js─────────折叠效果
│├── bootstrap-dropdown.js────────下拉菜单
│├── bootstrap-modal.js──────────模态对话框
│├── bootstrap-popover.js─────────提⽰
│├── bootstrap-scrollspy.js─────────滚动监听
│├── bootstrap-tab.js────────────标签页
│├── bootstrap-tooltip.js───────────⼯具提⽰
│├── bootstrap-transition.js────────过渡效果
│└── bootstrap-typeahead.js────────输⼊提⽰
├── less/【未编译的css包】
│└── n.less ──────所有样式的未编译版
├── .gitignore          ────
├── .l              │
├── CHANGELOG.md            │
├── component.json          │
├── composer.json            │
├── CONTRIBUTING.md          ├── node.js以及JS模板所需的⼀些配置⽂件
├── LICENSE.md              │
├── Makefile                │
├── package.json            │
└── README.md            ────

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。