Skip to main content

起步

简要介绍 Bootstrap,以及如何下载、使用,还有基本模版和案例,等等。

--本章内容翻译由:樊潇洁友情提供

内容

Bootstrap以两种形式发布:预编译版本以及源代码版本。下面我们介绍两种形式的内容和结构。记住无论使用哪种形式,Bootstrap的JavaScript插件需要jQuery

预编译的Bootstrap

下载下来之后,解压压缩文件你就会看见这样的东西:

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   └── bootstrap.min.css.map
└── js/
    ├── bootstrap.js
    └── bootstrap.min.js

这是 Bootstrap 最基础的形式:直接拖入即用的编译文件,几乎能在所有网页工程中使用。我们提供了编译过的CSS和JS(bootstrap.*),以及编译过、瘦身过了的CSS和JS(bootstrap.min.*)。CSS 源映射 (bootstrap.*.map)在特定的浏览器开发者工具下才可用。

Bootstrap源代码

Bootstrap 源代码下载包括预编译的CSS和JavaScript资源,除此之外还有源Sass、JavaScript和文档。更具体地说,包括下列的和更多:

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── docs/
│   └── examples/
├── js/
└── scss/

scss/js/是我们的CSSJavaScript的源码。dist/文件夹包括上述列举的所有预编译的下载文件。docs/文件夹包括我们文件的源码,examples/中有Bootstrap 的用法。除此之外,所有调用的文件都提供对封装、授权信息和开发的支持。