Boostrap 内容结构

标签: Bootstrap 起步

本文介绍Bootstrap 预编译包和源码的内容结构。另外请记得,Bootstrap的JavaScript插件依赖于jQuery。


预编译的Bootstrap

下载后,解压压缩包,你会看到如下内容:

bootstrap/
├── css/
│   ├── bootstrap-grid.css
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   ├── bootstrap-reboot.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   └── bootstrap.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.js.map
    ├── bootstrap.bundle.min.js
    ├── bootstrap.bundle.min.js.map
    ├── bootstrap.js
    ├── bootstrap.js.map
    ├── bootstrap.min.js
    └── bootstrap.min.js.map

这是Bootstrap预编译包的最基本租成。几乎可以在任何Web项目中快速使用。

它包含:

  • 编译后的CSS,JS文件(bootstrap.*
  • 以及压缩版的CSS,JS文件(bootstrap.min.*
  • 可用于调试的source mapsbootstrap.*.map)。
  • 捆绑的JS文件,包括Popper,但不包括jQuerybootstrap.bundle.js和压缩的版本bootstrap.bundle.min.js)。

CSS文件

CSS文件包含一些选项,如下图所示:

JS文件

同样,JS也有类似的选项。

Bootstrap源码

源码包括预编译的CSS和JavaScript资源,Sass,JavaScript和文档。更具体地说,它包括以下内容:

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── site/
│   └──docs/
│      └── 4.3/
│          └── examples/
├── js/
└── scss/
  • scss/js/是CSS和JavaScript的源码。
  • dist/文件夹包含所有下载内容。
  • site/docs/包含文档
  • examples/ 包含Bootstrap用例

本文由 巨应教程  原创出品,转载请标明出处。