首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

内容 | Contents

在这一节我们将了解在 Bootstrap 中包含了什么,包括预编译和源代码风格。请注意,Bootstrap 中的 JavaScript 需要依赖 jQuery。

预编译引导

下载后,解压缩文件夹,您将看到如下内容:

代码语言:javascript
复制
bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── 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
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.min.js
    ├── bootstrap.js
    └── bootstrap.min.js

这是最基本的引导形式:预编译的文件,用于在几乎任何Web项目中快速插入使用。我们提供编译后的CSS和JS%28bootstrap.*%29,以及编译和缩小CSS和JS%28bootstrap.min.*29%。CSS源图%28bootstrap.*.map%29可用于某些浏览器的开发工具。

CSS文件比较

CSS files

Layout

Content

Components

Utilities

bootstrap.css bootstrap.min.css

All

All

All

All

bootstrap-grid.css bootstrap-grid.min.css

Only grid system

No

No

Only flex utilities

bootstrap-reboot.css bootstrap-reboot.min.css

No

Only Reboot

No

No

引导源代码

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

代码语言:javascript
复制
bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── docs/
│   └── examples/
├── js/
└── scss/

scss/js/是CSS和JavaScript的源代码。大dist/文件夹包括上面预编译下载部分中列出的所有内容。大docs/文件夹包括我们文档的源代码,以及examples/引导带的用法。除此之外,任何其他包含的文件都提供对包、许可信息和开发的支持。

扫码关注腾讯云开发者

领取腾讯云代金券