Bootstrap2用户指南
1.3.2 源码版文件结构
阅读(

Bootstrap基础

Bootstrap简介

下载Bootstrap

Bootstrap的文件结构

编译版文件结构

源码版文件结构

源码版的Bootstrap提供了CSS、JavaScript的源文件,以及一份文档,还有使用 ImageOptim 工具压缩后的图片文件。

源码版的所有文件,也是按逻辑进行分类存储。将下载的文件解压,你可以看到以下目录结构和内容:

  bootstrap/
    ├── docs/
    │   ├── base-css.html
    │   ├── components.html
    │   ├── customize.html
    │   ├── …
    ├── less/
    │   ├── accordion.less
    │   ├── alerts.less
    │   ├── bootstrap.less
    │   ├── …
    ├── js/
    │   ├── bootstrap-affix.js
    │   ├── bootstrap-alert.js
    │   ├── bootstrap-button.js
    │   ├── …
    └── img/
        ├── glyphicons-halflings.png
        └── glyphicons-halflings-white.png      

源码版的Bootstrap共包含4个目录:

1、docs目录:存储Bootstrap的参考文档。单击该文件夹中的index.html文件,可以查阅所有参考文档。在examples子目录中,可以浏览Bootstrap的应用示例。

2、less目录:存储所有以 .less 作为扩展名的CSS动态脚本文件,它们可以通过任何文本编辑软件打开。Less是动态样式表语言,需要编译才能在页面中应用,即只有 .less 文件被解析为CSS样式后,才可以被浏览器正确执行。

3、js目录:存储各种jQuery插件,以及交互行为所需要的JavaScript脚本文件,每一个插件都是一个独立的JS文件,可以根据需要独立引入。

4、img目录:包括 glyphicons-halflings.png 和 glyphicons-halflings-white.png两张图片,它们是通过CSS Sprites技术,把所有的图标整合到一个图片文件中的图标文件。两张图片的效果完全相同,不同的是,前者是白底黑色图标,后者是黑底白色图标。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验