Bootstrap5 內(nèi)容

2021-08-30 17:25 更新

了解 Bootstrap 軟件包中所包含的內(nèi)容,包括預編譯和源碼文件。

預編譯的 Bootstrap 文件

下載并解壓后,你將看到文件夾中包含如下文件:

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

這是 Bootstrap 軟件包的基本內(nèi)容:預編譯的文件可以快速用于任何 web 項目。我們提供了經(jīng)過編譯的 CSS 和 JS (?bootstrap.*?) 文件,以及既編譯又壓縮的 CSS 和 JS (?bootstrap.min.*?) 文件。source maps (?bootstrap.*.map?) 文件可與某些瀏覽器的開發(fā)者工具協(xié)同使用。打成集成包的 JS 文件 (?bootstrap.bundle.js? 以及壓縮后的 ?bootstrap.bundle.min.js?) 包含了 Popper

CSS 文件

Bootstrap 為你提供了一些選擇,你可以引入部分或全部預編譯的 CSS。

CSS 文件 Layout Content Components Utilities
bootstrap.css
bootstrap.rtl.css
bootstrap.min.css
bootstrap.rtl.min.css
已包含 已包含 已包含 已包含
bootstrap-grid.css
bootstrap-grid.rtl.css
bootstrap-grid.min.css
bootstrap-grid.rtl.min.css
Only grid system Only flex utilities
bootstrap-utilities.css
bootstrap-utilities.rtl.css
bootstrap-utilities.min.css
bootstrap-utilities.rtl.min.css
已包含
bootstrap-reboot.css
bootstrap-reboot.rtl.css
bootstrap-reboot.min.css
bootstrap-reboot.rtl.min.css
Only Reboot

JS 文件

類似的,我們還提供了一些選擇,你可以引入部分或全部的預編譯 JavaScript。

JS 文件 Popper
bootstrap.bundle.js
bootstrap.bundle.min.js
已包含
bootstrap.js
bootstrap.min.js

Bootstrap 源碼

下載的 Bootstrap 源碼包括預編譯的 CSS 和 JavaScript 資源,以及 Sass、JavaScript 和文檔源碼。更具體地說,它包括以下甚至更多內(nèi)容:

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

?scss/ ?和? js/? 目錄下放置的是我們的 CSS 和 JavaScript 源碼。?dist/ ?目錄下放置的是預編譯的文件,就像前面“預編譯 Bootstrap 文件”章節(jié)所列出的內(nèi)容。?site/docs/? 目錄放置的是我們的文檔源碼,?examples/ ?目錄下放置的是 Bootstrap 的用法示例。除此之外,任何其它文件都是輔助性文件,例如為軟件包、許可證信息和開發(fā)提供輔助作用。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號